/* ============================================================
   tokens.css — Cultural Inglesa Windsor School
   Traducción ejecutable de BRAND.md v2.0 (septiembre 2026).
   Lo marcado PROPUESTA no está en el manual: es sistema de
   interfaz derivado de sus restricciones. Validar antes de fijar.
   ============================================================ */

:root {
  /* --- Color institucional (manual, sección 7) --------------- */
  --verde:          #022E0F;  /* Verde Windsor · tinta institucional */
  --verde-medio:    #187032;  /* secundario, apto para texto */
  --naranja:        #F98C00;  /* acento SOLO sobre fondo oscuro */
  --naranja-texto:  #AD6100;  /* acento sobre fondo claro */
  --tinta:          #1C1C1A;  /* cuerpo de texto */
  --marfil:         #F2EFE9;  /* fondo de pieza */

  /* Derivados PROPUESTA (no están en el manual) */
  --verde-oscuro:   #011F0A;  /* estado :active del botón primario */
  --verde-panel:    #06421A;  /* superficie dentro de bloques verdes */
  --verde-linea:    #1E4A2C;  /* separadores sobre verde */
  --verde-suave:    #E7EBE3;  /* panel claro con tinte institucional */
  --blanco:         #FFFFFF;
  --gris:           #4A463F;  /* texto secundario · 8,3:1 s/ blanco */
  --gris-claro:     #6B675F;  /* metadatos · 5,3:1 s/ blanco */
  --borde:          #E2DED5;
  --borde-fuerte:   #D8D3C8;
  --inactivo-bg:    #DEDAD1;
  --error:          #8A2310;
  --sobre-verde:    #D9E2D9;  /* texto secundario sobre verde */
  --sobre-verde-2:  #8FA893;  /* texto terciario sobre verde */

  /* --- REGLAS DURAS DE COLOR (manual) -----------------------
     · --naranja NUNCA como texto ni gráfico sobre blanco o
       marfil: da 2,39:1, por debajo del mínimo de 3:1.
       Sobre claro va --naranja-texto (4,68:1).
     · Sobre --verde o --tinta el acento es --naranja (6,27 / 7,14).
     · --verde y --tinta NO se usan como tintas contiguas: 1,14:1.
     · El naranja no supera el 10% de la superficie de la pieza.
     · El logotipo nunca va en naranja.
     ---------------------------------------------------------- */

  /* --- Tipografía (manual, sección 8 · tamaños PROPUESTA) ---- */
  --font: 'Montserrat', Arial, sans-serif;

  --fs-titular:     3.25rem;  /* 52px · 800 · -2% · 1,10 */
  --fs-h1:          3.125rem; /* 50px */
  --fs-h2:          2.25rem;  /* 36px · 700 · 1,25 */
  --fs-h3:          1.4375rem;/* 23px */
  --fs-destacado:   1.25rem;  /* 20px · 500 · 1,40 */
  --fs-cuerpo:      1.0625rem;/* 17px · 400 · 1,55 */
  --fs-ui:          0.9375rem;/* 15px */
  --fs-nota:        0.875rem; /* 14px · 300 · 1,45 */
  --fs-antetitulo:  0.8125rem;/* 13px · 600 · +10% · versales */

  --lh-titular: 1.10;
  --lh-titulo:  1.25;
  --lh-destacado: 1.40;
  --lh-cuerpo:  1.55;

  /* --- Espaciado y radios (PROPUESTA) ------------------------ */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;  --s-9: 96px;

  --r-campo: 6px;
  --r-tarjeta: 12px;
  --r-pill: 999px;

  --ancho: 1180px;
}