/* GENERADO por generate_site.py desde brand.yaml > palette / contrast_pairs.
   No editar a mano — cambiar brand.yaml y correr el build de nuevo. */
:root {
  /* paleta cruda */
  --c-navy: #1A2E4A;
  --c-navy-light: #2C4670;
  --c-slate: #5E7270;
  --c-slate-alt: #7B8A88;
  --c-gold: #B89A5C;
  --c-gold-dark: #8E7642;
  --c-warning: #A04D4D;
  --c-gold-subtle: #C8B98A;
  --c-bg: #F4F2EE;
  --c-bg-alt: #FAF9F7;
  --c-text: #1A1A1A;
  --c-muted: #6B6B6B;
  --c-border: #D9D5CC;
  --c-white: #FFFFFF;

  /* roles semanticos — revisado 2026-08-09: dorado sobre navy (en cualquier
     dirección, texto-sobre-navy o navy-sobre-dorado) se ve apagado en pantalla
     aunque el número de contraste pase — confirmado a ojo por Santi con
     capturas reales. Blanco sobre navy y blanco sobre dorado sí funcionan
     (también confirmado). Regla nueva: el dorado queda para BORDES, ÍCONOS Y
     DETALLES chicos — nunca como color de texto ni como fondo con texto oscuro
     encima. Todo texto sobre navy/dorado/slate es blanco (con opacidad para
     jerarquía secundaria/muted en vez de cambiar de tono). */
  --on-navy-text: var(--c-white);
  --on-navy-text-subtle: rgba(255, 255, 255, 0.78);
  --on-navy-text-muted: rgba(255, 255, 255, 0.58);
  --on-navy-pill-bg: var(--c-gold);
  --on-navy-pill-fg: var(--c-white);

  --on-gold-text: var(--c-white);
  --on-gold-text-subtle: rgba(255, 255, 255, 0.85);
  --on-gold-pill-bg: var(--c-navy);
  --on-gold-pill-fg: var(--c-white);

  --on-light-text: var(--c-text);
  --on-light-text-subtle: var(--c-muted);
  --on-light-pill-bg: var(--c-navy);
  --on-light-pill-fg: var(--c-white);

  --on-slate-text: var(--c-white);
  --on-slate-text-subtle: rgba(255, 255, 255, 0.78);

  /* tipografia */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* escala / espaciado */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 8px 24px rgba(26, 46, 74, 0.10);
  --shadow-float: 0 6px 20px rgba(26, 46, 74, 0.28);
  --max-width: 1180px;
}