/* Hallmark · tokens — Landing de Eventos NB Hush · theme: Brutal (editorial cluster)
 * Sistema portável: todo valor de cor/fonte/espaço/motion do template vive aqui. */
:root {
  /* ── Cor — modo escuro · âncora quente hue 60–80 · acento cobalto ──
     (receita dark: papel 13% e tinta 95%, nunca #000/#fff puros;
      valores do modo claro anterior: paper 97%/ink 15% — reverter se precisar) */
  --color-paper:      oklch(13% 0.008 60);
  --color-paper-2:    oklch(19% 0.01 60);
  --color-ink:        oklch(95% 0.005 80);
  --color-muted:      oklch(70% 0.01 80);
  --color-accent:     oklch(62% 0.17 262);
  --color-focus:      oklch(62% 0.17 262);
  /* semântica do slider de faixa etária: só o público principal leva cor
     (verde também assina cupom e CTA de compra) */
  --color-age-green:  oklch(70% 0.16 150);
  /* texto sobre superfície verde · véu atrás de modais */
  --color-on-green: oklch(15% 0.01 60);
  --color-scrim:    oklch(8% 0.01 60 / 0.82);

  /* ── Tipo — Anton display · Space Grotesk body (regra 2+1) ───── */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Space Grotesk", "Helvetica Neue", Helvetica, sans-serif;

  /* escala 1.25 (terça maior) a partir de 16px */
  --text-sm:   0.8rem;
  --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-s: clamp(2.2rem, 4vw + 1rem, 3.8rem);
  --text-display:   clamp(3.25rem, 10.5vw + 0.5rem, 8.5rem);

  /* ── Espaço — 4pt, nove passos ───────────────────────────────── */
  --space-3xs: 0.125rem;
  --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;
  /* margem lateral: cresce além de 80rem (1280px) pra centralizar o conteúdo
     em telas grandes — as réguas de seção continuam full-bleed */
  --page-gutter: max(clamp(1rem, 4vw, 3rem), calc((100% - 80rem) / 2));

  /* ── Motion ──────────────────────────────────────────────────── */
  --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: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ── Regras e cantos (Brutal: pesado, reto) ──────────────────── */
  --rule:      3px solid var(--color-ink);
  --rule-thin: 2px solid var(--color-ink);
  --radius-none: 0;

  /* ── Z, nomeado ──────────────────────────────────────────────── */
  --z-base:     1;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    400;
  --z-toast:    500;
  --z-tooltip:  600;
}