/* ==========================================================================
   CrIAmos V2 — tokens (mobile first). Paleta amostrada do vídeo + branding.
   ========================================================================== */
:root {
  --brown-000: #0F0903; --brown-100: #140C04; --brown-200: #1D1208; --brown-300: #2A1B0C; --brown-400: #3C2A19; --brown-500: #4A321C; --brown-600: #795333;
  --champagne: #B0875D; --champagne-2: #C9B8A6; --cream: #E9D1B2; --cream-2: #EEDFC9; --cream-3: #F3E8D8; --cream-4: #F2ECE3;
  --white: #FFFFFF; --ivory: #F7F5F2; --sand: #E8E4DF; --sand-2: #DCD5CC; --taupe: #8B6F4E; --ink: #1A1A1A; --ink-2: #3A342E; --ink-3: #6B625A;

  --font-display: "Playfair Display", "Playfair", Georgia, "Times New Roman", serif;
  --font-ui: "Satoshi", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-body: 1.0625rem; --fs-small: 0.9rem; --fs-label: 0.68rem;
  --lh-body: 1.55; --track-label: 0.2em;

  --pad-x: clamp(20px, 6vw, 28px);
  --header-h: 64px;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --bg: var(--brown-100); --fg: var(--cream-3); --fg-muted: rgba(233, 209, 178, 0.62); --line: rgba(233, 209, 178, 0.16); --accent: var(--champagne);
}
html[data-world="beige"] { --bg: var(--ivory); --fg: var(--ink); --fg-muted: var(--ink-3); --line: rgba(26, 26, 26, 0.12); --accent: var(--taupe); }
@media (min-width: 900px) { :root { --fs-body: 1.125rem; --pad-x: clamp(48px, 7vw, 120px); --header-h: 76px; } }