/* =====================================================================
   Tokens compartidos del portal.

   Se carga ANTES de la hoja de cada módulo, que puede sobrescribir lo que
   necesite. Acá viven solo los valores que las hojas ya declaraban
   IDÉNTICOS por separado: la escala de grises, los verdes institucionales
   y los cuatro acentos. Extraerlos no cambia cómo se ve nada.

   LO QUE NO ESTÁ ACÁ, Y POR QUÉ
   -----------------------------------------------------------------
   `frontend.css` y `admin.css` declaran además 18 tokens con el mismo
   nombre y DISTINTO valor: los cuatro radios de borde, las cuatro
   sombras, la transición, el rojo, el naranja, el morado y varios tonos
   suaves. Por ejemplo `--radius-sm` vale 8px en el portal y 4px en el
   backoffice, y `--rojo` es #dc2626 contra #c53030.

   Unificarlos cambiaría el aspecto de pantallas que hoy están en
   producción, así que NO se tocan desde un refactor técnico: es una
   decisión de diseño que hay que tomar con el cliente delante. Quedan
   declarados en cada hoja, donde estaban.

   Mientras tanto, cuidado al copiar un componente de una hoja a la otra:
   esos nombres no significan lo mismo en las dos.

   VOCABULARIO PARA MÓDULOS NUEVOS
   -----------------------------------------------------------------
   Los nombres históricos son institucionales (`--verde-militar`), lo que
   no sirve para un módulo cuyo color no es verde. Debajo se declaran
   alias funcionales que apuntan a los mismos valores. Un módulo nuevo usa
   esos, y si su identidad es otra, los sobrescribe en su propia hoja.
   ===================================================================== */

:root {
    /* ----- Escala de grises ----- */
    --gris-50:  #f9fafb;
    --gris-100: #f3f4f6;
    --gris-200: #e5e7eb;
    --gris-300: #d1d5db;
    --gris-400: #9ca3af;
    --gris-500: #6b7280;
    --gris-700: #374151;
    --gris-800: #1f2937;
    --gris-900: #111827;

    /* ----- Verdes institucionales AMBC ----- */
    --verde-militar: #15680f;
    --verde-oscuro:  #0e4a09;
    --verde-suave:   #e8f5e3;

    /* ----- Acentos ----- */
    --dorado:    #D4AF37;
    --amarillo:  #ca8a04;
    --azul:      #1d4ed8;

    /* ----- Alias funcionales, para módulos nuevos -----
       Un módulo con otra identidad los sobrescribe en su hoja. */
    --color-primario:        var(--verde-militar);
    --color-primario-oscuro: var(--verde-oscuro);
    --color-primario-suave:  var(--verde-suave);
    --color-acento:          var(--dorado);

    --texto-fuerte: var(--gris-900);
    --texto:        var(--gris-800);
    --texto-suave:  var(--gris-500);

    --superficie:   #ffffff;
    --superficie-2: var(--gris-100);
    --borde:        var(--gris-200);
    --borde-suave:  var(--gris-100);
}