/* Perfil de marca: SUPREMEDICS — 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\supremedics\assets\css\style.css). */
:root {
    /* Paleta OFICIAL de marca Supremedics (ficha del cliente). */
    --color-marca:        #a167a1;   /* Marca — coincide con T. Resaltado */
    --color-primary:      #9265a6;   /* Botones */
    --color-primary-dark: color-mix(in srgb, #9265a6 80%, black);
    --color-resaltado:       var(--color-marca);
    --color-resaltado-claro: color-mix(in srgb, var(--color-resaltado) 75%, white);
    --color-rose:         #e8cfe8;   /* Contenedor */
    --color-rose-soft:    color-mix(in srgb, #e8cfe8 40%, white);
    --color-nude:         color-mix(in srgb, #e8cfe8 10%, #faf9f7);
    --color-plum:         #3a2f3a;   /* T. Principal */

    --bg:                 #faf9f7;   /* Fondo G. */
    --bg-muted:           color-mix(in srgb, #e8cfe8 20%, #faf9f7);
    --fg:                 #3a2f3a;   /* T. Principal */
    --fg-muted:           #8d8d8d;   /* T. Secundario */
    --border:             color-mix(in srgb, #e8cfe8 60%, white);

    /* Fuente: Títulos = Roboto, Subtítulos/cuerpo = Source Sans 3 */
    --font-display: 'Roboto', sans-serif;
    --font-sans: 'Source Sans 3', 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. */
}