:root {
  color-scheme: light;
  --color-background: #f8f5ef;
  --color-background-secondary: #f1e9dd;
  --color-surface: #ffffff;
  --color-primary: #4a2f22;
  --color-primary-dark: #2f1d16;
  --color-gold: #c9a227;
  --color-gold-soft: #e1c76d;
  --color-text: #2b211c;
  --color-text-secondary: #62544c;
  --color-border: #e5ddd4;
  --color-success: #4f7a5a;
  --color-warning: #b7791f;
  --color-danger: #a94442;
  --color-info: #496a78;
  --color-focus: #9b7410;
  --font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.35rem, 2vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 4vw, 2.75rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0 5px 18px rgba(47, 29, 22, 0.055);
  --shadow-md: 0 14px 34px rgba(47, 29, 22, 0.085);
  --shadow-lg: 0 26px 64px rgba(47, 29, 22, 0.13);
  --container: 1240px;
  --content-narrow: 760px;
  --header-height: 84px;
  --touch-target: 44px;
  --duration-fast: 150ms;
  --duration-normal: 220ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;

  /* Compatibilidade com os estilos existentes. */
  --cream: var(--color-background);
  --cream-2: #fffaf2;
  --card: var(--color-surface);
  --chocolate: var(--color-primary-dark);
  --cocoa: var(--color-primary);
  --caramel: #9b693f;
  --gold: var(--color-gold);
  --soft: var(--color-background-secondary);
  --muted: var(--color-text-secondary);
  --line: var(--color-border);
  --shadow: var(--shadow-md);
  --radius: var(--radius-lg);
}