/* Perfil de marca: OTESALY — paleta, tipografías y logo.
   Se carga después de style.css (ver senseben_marcas_perfiles en
   functions.php) y redefine las variables del :root. Valores calcados 1:1 del
   :root del prototipo (c:\xampp\htdocs\otesaly\assets\css\style.css). */
:root {
    /* Paleta OFICIAL de marca Otesaly / AOMA (ficha del cliente). */
    --color-marca:        #4682ac;   /* Marca — coincide con T. Resaltado */
    --color-primary:      #2f5d7a;   /* Botones */
    --color-primary-dark: color-mix(in srgb, #2f5d7a 80%, black);
    --color-resaltado:       var(--color-marca);
    --color-resaltado-claro: color-mix(in srgb, var(--color-resaltado) 75%, white);
    --color-rose:         #c3cad4;   /* Contenedor */
    --color-rose-soft:    color-mix(in srgb, #c3cad4 40%, white);
    --color-nude:         color-mix(in srgb, #c3cad4 10%, #F4F7FB);
    --color-plum:         #2B2D42;   /* T. Principal */

    --bg:                 #F4F7FB;   /* Fondo G. */
    --bg-muted:           color-mix(in srgb, #c3cad4 20%, #F4F7FB);
    --fg:                 #2B2D42;   /* T. Principal */
    --fg-muted:           #8d8d8d;   /* T. Secundario */
    --border:             color-mix(in srgb, #c3cad4 60%, white);

    /* Fuente: Títulos = Inter 600-700, Subtítulos/cuerpo = Inter 400-500 */
    --font-display: 'Inter', sans-serif;
    --font-sans: 'Inter', sans-serif;

    --shadow-hover: 0 10px 30px color-mix(in srgb, var(--color-primary) 16%, transparent);

    /* El logo (--logo-mascara) lo define functions.php con URL absoluta desde el perfil de marca. */
}