/* TOKENS · Demo "Vídeo" (Nonna & Fogo) — marrom escuro + terracota, serifa. */
:root {
  --brand: #B33A1F; --brand-strong: #8A2C16; --brand-soft: #F3E0D6; --brand-ink: #7A2B16; --on-brand: #fff;
  --accent: #D4A574; /* tan */
  --font-display: "Newsreader", Georgia, serif;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ring: 0 0 0 3px rgba(179, 58, 31, 0.36);
  --paper: oklch(0.984 0.006 60); --surface: oklch(0.953 0.010 55); --surface-2: oklch(0.923 0.012 52); --line: oklch(0.88 0.012 52);
  --ink: oklch(0.21 0.014 40); --ink-soft: oklch(0.42 0.014 40); --ink-mute: oklch(0.55 0.012 40);
  --text-label:.78rem; --text-sm:.875rem; --text-base:1.0625rem; --text-md:1.25rem;
  --text-lg:clamp(1.4rem,1.2rem + .9vw,1.7rem); --text-xl:clamp(1.7rem,1.3rem + 1.7vw,2.2rem);
  --text-2xl:clamp(2.1rem,1.5rem + 2.7vw,3rem); --text-3xl:clamp(2.7rem,1.6rem + 5vw,4.6rem); --text-4xl:clamp(3.4rem,1.6rem + 7.5vw,6.5rem);
  --leading-tight:1.0; --leading-snug:1.16; --leading-body:1.6; --tracking-tight:-.02em; --tracking-label:.18em; --measure:64ch;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem; --sp-10:8rem;
  --section-y:clamp(3.5rem,2rem + 7vw,7rem);
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  --shadow-sm:0 1px 2px oklch(.3 .02 40/.06),0 2px 6px oklch(.3 .02 40/.05);
  --shadow-md:0 4px 12px oklch(.3 .02 40/.08),0 12px 32px oklch(.3 .02 40/.07);
  --container:1120px; --tap:48px;
}