/* TOKENS · Demo "Vitrine de Produto" (Olaria Barro Vivo)
   Marca: carvão + terracota, serifa Newsreader, foco na foto. */
:root {
  --brand: #B5622F; --brand-strong: #92481F; --brand-soft: #F3E7DD; --brand-ink: #7A3E1C; --on-brand: #fff;
  --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(181, 98, 47, 0.34);
  --paper: oklch(0.985 0.004 70); --surface: oklch(0.955 0.006 65); --surface-2: oklch(0.925 0.008 65); --line: oklch(0.89 0.008 65);
  --ink: oklch(0.20 0.010 50); --ink-soft: oklch(0.42 0.012 50); --ink-mute: oklch(0.55 0.010 50);
  --text-label:.78rem; --text-sm:.875rem; --text-base:1.0625rem; --text-md:1.25rem;
  --text-lg:clamp(1.4rem,1.2rem + .9vw,1.65rem); --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.6rem,1.6rem + 4.4vw,4.25rem); --text-4xl:clamp(3rem,1.5rem + 6.6vw,5.75rem);
  --leading-tight:1.04; --leading-snug:1.18; --leading-body:1.6; --tracking-tight:-.02em; --tracking-label:.14em; --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 50/.06),0 2px 6px oklch(.3 .02 50/.05);
  --shadow-md:0 4px 12px oklch(.3 .02 50/.08),0 12px 32px oklch(.3 .02 50/.07);
  --container:1120px; --tap:48px;
}