/* Hallmark · genre: editorial · macrostructure: Marquee Hero · theme: studied-DNA (source: image public/cartel/velada.jfif)
 * DNA: papel negro cálido · acento dorado · display condensada pesada roman · glow ámbar de estadio
 * H1 knobs: size=xxl · alignment=left-bias · underlay=rule-below · nav: N7 Brutal slab · footer: Ft8 Marquee scroll
 * tone: fight-night impactante · audience: público local + patrocinadores · use: entradas
 * observed-accent: dorado ámbar del cartel · observed-display: condensed heavy caps
 * pre-emit critique: P5 H5 E4 S5 R4 V5
 */

:root {
  /* ── Color · ADN del cartel · ancla dorada (hue 85) ────────────── */
  --color-paper:    oklch(13% 0.012 80);
  --color-paper-2:  oklch(17% 0.014 80);
  --color-paper-3:  oklch(21% 0.016 80);
  --color-plate:    oklch(96% 0.012 90);  /* placas claras para logos con fondo blanco */
  --color-rule:     oklch(33% 0.022 85);
  --color-neutral:  oklch(67% 0.025 85);
  --color-muted:    oklch(74% 0.020 88);
  --color-ink:      oklch(95% 0.010 90);
  --color-ink-dark: oklch(16% 0.015 80);  /* texto sobre dorado */
  --color-accent:   oklch(80% 0.145 88);  /* dorado del cartel */
  --color-accent-oscuro: oklch(46% 0.120 80); /* dorado bronce: acento sobre fondos claros */
  --color-neutral-luz:   oklch(45% 0.025 80); /* texto secundario sobre fondos claros */
  --color-focus:    oklch(84% 0.150 90);
  --glow: radial-gradient(ellipse 70% 45% at 50% -8%, oklch(45% 0.09 75 / 0.35), transparent 70%);
  --velo-suave: oklch(13% 0.012 80 / 0.78);
  --velo-denso: oklch(13% 0.012 80 / 0.96);
  --velo-carta: oklch(15% 0.012 80 / 0.86);

  /* ── Tipografía · 2+1 ──────────────────────────────────────────── */
  --font-display: "Anton", "Arial Narrow", sans-serif; /* peso único 400 — sin negrita sintética */
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, monospace; /* solo datos: fecha, cuenta atrás, etiquetas */

  /* Escala 1.25 (tercera mayor) */
  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-3xl:  3.0518rem;
  --text-display:   clamp(2.5rem, 4.5vw + 1rem, 5rem);
  --text-marquee:   clamp(4.25rem, 16vw, 12rem); /* solo IMPAK 10 / FIGHT: palabras cortas, una línea cada una */

  /* ── Espacio · 4 pt ────────────────────────────────────────────── */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);

  /* ── Movimiento · Sport 0.7× · sharp ───────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 90ms;
  --dur-short: 160ms;
  --dur-long:  300ms;

  /* ── Reglas / bordes ───────────────────────────────────────────── */
  --rule-hair:  1px solid var(--color-rule);
  --rule-slab:  2px solid var(--color-ink);
  --rule-thick: 4px solid var(--color-accent);

  /* ── Z ─────────────────────────────────────────────────────────── */
  --z-base:     1;
  --z-raised:   10;
  --z-sticky:   200;
  --z-modal:    400;
}