/* TOKENS · Demo "Visual Imersivo" (Pousada Caminho do Cerrado)
   Marca: marrom profundo + tan + creme, serifa Newsreader. */
:root {
  --brand: #A87B4E; --brand-strong: #6E5031; --brand-soft: #EDE3D2; --brand-ink: #5A4128; --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(168, 123, 78, 0.36);
  --paper: oklch(0.982 0.008 80); --surface: oklch(0.952 0.012 75); --surface-2: oklch(0.922 0.014 72); --line: oklch(0.88 0.014 72);
  --ink: oklch(0.22 0.014 55); --ink-soft: oklch(0.42 0.014 55); --ink-mute: oklch(0.55 0.012 55);
  --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 55/.06),0 2px 6px oklch(.3 .02 55/.05);
  --shadow-md:0 4px 12px oklch(.3 .02 55/.08),0 12px 32px oklch(.3 .02 55/.07);
  --container:1120px; --tap:48px;
}