/* Hallmark · tokens — 11 Gol landing (brand-anchored custom theme)
 * Paleta "verano" de la marca conservada. Los NOMBRES legacy (--bg, --gold,
 * --text, --line…) se comparten con privacy/terms/confirmed — nunca renombrar;
 * los tokens nuevos (--color-, --font-, --space-) los referencian. */
:root{
  /* legacy (shared names — DO NOT RENAME) */
  --bg:#F7F3E9; --bg-2:#F2EDDD; --surface:#EDE6D3; --card:#FFFFFF; --card2:#FFFBF0;
  --gold:#B8860B; --gold-2:#D9A441; --gold-3:#8F6A08; --gold-dim:rgba(184,134,11,.14);
  --text:#1C2A3A; --muted:#5E6E7E; --line:rgba(28,42,58,.12); --line-2:rgba(28,42,58,.22);
  --usa:#3D8FE6; --mex:#1E9E63; --can:#E0492F; --live:#E0492F; --success:#1E9E63;
  --on-gold:#FFFFFF;

  /* hallmark tokens */
  --color-paper:var(--bg);
  --color-paper-2:var(--bg-2);
  --color-card:var(--card);
  --color-ink:var(--text);
  --color-ink-2:var(--muted);
  --color-rule:var(--line);
  --color-rule-2:var(--line-2);
  --color-accent:var(--gold);
  --color-accent-deep:var(--gold-3);
  --color-accent-ink:var(--on-gold);
  --color-live:var(--live);
  --color-win:var(--success);
  --color-band:#141F2E; /* navy band (ticker · banner · scoreboard) */
  --color-band-ink:#F7F3E9;
  --color-focus:#3D8FE6;

  --font-display:'Barlow Condensed',Impact,'Arial Narrow Bold',sans-serif;
  --font-body:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  --space-3xs:.25rem; --space-2xs:.5rem; --space-xs:.75rem; --space-sm:1rem;
  --space-md:1.5rem; --space-lg:2rem; --space-xl:3rem; --space-2xl:4.5rem; --space-3xl:7rem;

  --text-xs:.75rem; --text-sm:.875rem; --text-md:1.0625rem; --text-lg:1.375rem;
  --text-xl:1.75rem; --text-2xl:2.25rem;
  --text-display:clamp(3.4rem,11vw,9.5rem);
  --text-display-s:clamp(2rem,5.5vw,3.6rem);

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-short:200ms; --dur-med:420ms;

  --radius-card:6px; --radius-chip:4px;
  --rule:1px solid var(--color-rule);
  --slab-shadow:6px 6px 0 rgba(28,42,58,.16);
  --slab-shadow-gold:6px 6px 0 rgba(184,134,11,.35);
  --maxw:1160px;
}