:root {
  --color-primary: #5c4a3a;
  --color-primary-hover: #4a3c2e;
  --color-secondary: #8b7355;
  --color-text: #2c2c2c;
  --color-text-muted: #5a5a5a;
  --color-bg: #faf8f5;
  --color-bg-alt: #f0ebe3;
  --color-border: #ddd8d0;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, sans-serif;
  --font-h1: var(--font-heading);
  --font-h2: var(--font-heading);
  --font-h3: var(--font-heading);
  --font-h4: var(--font-heading);
  --font-h5: var(--font-heading);
  --font-h6: var(--font-heading);
  --font-site-header: var(--font-heading);
  --font-navigation: var(--font-body);
  --font-page-banner-title: var(--font-h1, var(--font-heading));
  --font-breadcrumbs: var(--font-body);
  --font-body-links: var(--font-body);
  --font-footer: var(--font-body);
  --font-footer-heading: var(--font-heading);
  --font-footer-brand: var(--font-heading);
  --font-buttons: var(--font-body);
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-section: 3rem;
  --container-max: 1200px;
  --header-height: 72px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-duration: 0.01ms;
  }
}