/* =========================================================================
   DAM UCIMED · Design tokens
   Fuente única de la identidad visual. Todo CSS del DAM (shell, estrategia,
   dashboards, login) consume estas variables; no redefinir colores de marca
   en otros archivos.
   ========================================================================= */

:root {
    /* Marca */
    --azul:       #1D5AF4;   /* azul secundario */
    --azul-700:   #1445c2;
    --azul-900:   #002369;   /* navy principal */
    --navy:       #002369;
    --cian:       #FFB90C;   /* acento (sobre superficies oscuras) */
    --menta:      #FFB90C;   /* acento */
    --menta-700:  #c48c00;   /* acento legible sobre fondo claro */

    --azul-050:   #e8eefe;
    --menta-050:  #fff7e1;
    --ambar:      #e0901c;
    --ambar-050:  #fdf3e0;
    --rojo:       #e2536b;
    --rojo-050:   #fdeef0;

    /* Neutros */
    --tinta:      #1a2233;
    --gris-700:   #46506180;
    --gris-text:  #495362;
    --gris-500:   #6c7787;
    --gris-300:   #cdd5df;
    --gris-200:   #e6ebf1;
    --gris-100:   #eef1f6;
    --gris-050:   #f6f8fb;
    --blanco:     #ffffff;

    /* Superficies oscuras (login, sidebar) */
    --navy-950:   #001745;
    --navy-600:   #0d3ba6;
    --grad-navy:  linear-gradient(160deg, var(--navy-950) 0%, var(--navy) 55%, var(--navy-600) 100%);

    /* Geometría y elevación */
    --radio:      18px;
    --radio-sm:   12px;
    --radio-xs:   8px;
    --sombra:     0 2px 6px rgba(0, 35, 105, .05), 0 18px 40px rgba(0, 35, 105, .08);
    --sombra-sm:  0 1px 3px rgba(0, 35, 105, .06), 0 6px 18px rgba(0, 35, 105, .05);
    --sombra-oscura: 0 10px 26px rgba(0, 23, 69, .35);
    --borde:      1px solid var(--gris-200);
    --max:        1180px;
    --t:          .2s cubic-bezier(.4, 0, .2, 1);

    --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}