/* Variante baseada no logo e banners fornecidos. Valores sincronizados com design-system.json. */
:root {
  --color-ink: #351C13;
  --color-muted: #70564B;
  --color-paper: #FFFFFF;
  --color-white: #FFFFFF;
  --color-brand: #682800;
  --color-brand-hover: #4B1C00;
  --color-accent: #E6BA70;
  --color-soft: #F8F6F4;
  --color-border: #8B7469;
  --color-focus: #135EB5;
  --color-whatsapp: #682800;
  --color-whatsapp-hover: #8E3C1C;
  --color-whatsapp-ink: #FFFFFF;
  --color-whatsapp-floating: #682800;
  --color-header-footer: #FEEEEE;
  --font-display: 'Lato', Arial, sans-serif;
  --font-body: 'Lato', Arial, sans-serif;
  --font-size-base: 18px;
  --font-size-body: 1.125rem;
  --font-size-lead: 1.25rem;
  --font-size-h1: clamp(2.25rem, 5.4vw, 4.5rem);
  --font-size-h2: clamp(1.875rem, 3.5vw, 3rem);
  --font-size-h3: 1.5rem;
  --line-height-body: 1.65;
  --line-height-heading: 1.12;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-small: 4px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --shadow-card: 0 12px 32px rgb(53 28 19 / 8%);
  --shadow-sticky: 0 -4px 20px rgb(53 28 19 / 10%);
  --layout-container: 1200px;
  --layout-text: 64ch;
  --layout-touch: 48px;
  --layout-breakpoint: 800px;
  --layout-section: clamp(48px, 7vw, 96px);
}