/* ============================================================
   HERMES · TOKENS DE DISEÑO
   Fuente única de verdad visual. Hermes: no cambies valores
   sueltos en los componentes; cambia aquí.
   Espejo legible por máquina: tokens.json
   ============================================================ */
:root{
  /* --- Oro: el ÚNICO color de acción / Hermes --- */
  --oro:            #d9b26a;
  --oro-claro:      #efd39a;
  --oro-profundo:   #a9803b;
  --oro-tinta:      #1c1407;              /* texto sobre oro */
  --oro-halo:       rgba(217,178,106,.35);
  --oro-hilo:       rgba(217,178,106,.45); /* borde fino de foco/selección */

  /* --- Base nocturna --- */
  --tinta:          #080b12;
  --texto:          #f4efe4;
  --texto-2:        rgba(244,239,228,.78);
  --texto-3:        rgba(244,239,228,.58);  /* solo textos ≥14px secundarios */

  /* --- Vidrio --- */
  --vidrio:         linear-gradient(180deg,rgba(22,27,40,.66),rgba(11,14,22,.58));
  --vidrio-suave:   rgba(255,255,255,.045);
  --vidrio-borde:   rgba(255,255,255,.09);
  --vidrio-brillo:  inset 0 1px 0 rgba(255,255,255,.07);
  --vidrio-blur:    blur(26px) saturate(140%);
  --sombra:         0 30px 80px rgba(0,0,0,.45);

  /* --- Tinte por división (solo emblema y halo, nunca botones) --- */
  --div-prosistemas:  #5d8dff;
  --div-audiovisual:  #a57cff;
  --div-proyectos:    #3fc9a0;
  --div-directiva:    #e3a64c;
  --div-consejo:      #e07b4a;
  --div-conocimiento: #5fb8d8;
  --div-configuracion:#9aa4b5;
  --div-procesos:     #f472b6;

  /* --- Estados --- */
  --ok:     #5fd39a;
  --info:   #7fb0ff;
  --aviso:  #f0c25e;
  --alerta: #ff7a6b;

  /* --- Tipografía --- */
  --f-marca:  "Cinzel", "Trajan Pro", serif;           /* logotipo y antetítulos */
  --f-titulo: "Cormorant Garamond", Georgia, serif;     /* títulos */
  --f-texto:  "Geist", -apple-system, "Segoe UI", sans-serif;

  /* --- Radios y espacios --- */
  --r-s: 10px; --r-m: 16px; --r-l: 24px; --r-xl: 32px; --r-pill: 999px;
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px;

  /* --- Movimiento --- */
  --curva: cubic-bezier(.2,.8,.2,1);
  --t-rapido: .18s; --t-medio: .35s; --t-lento: .8s;
}