:root {
  --color-bg: #f6f3ee;
  --color-surface: #ffffff;
  --color-ink: #141210;
  --color-muted: #6b645c;
  --color-line: #e6ddd0;
  --color-accent: #c24d1c;
  --color-accent-ink: #fffaf6;
  --color-sage: #2f6a49;
  --color-banner: #1b1814;
  --color-banner-ink: #f4efe6;
  --color-focus: #c24d1c;
  --color-food: #c24d1c;
  --color-food-soft: #f8e6dc;
  --color-worship: #2f6a49;
  --color-worship-soft: #dceadf;
  --color-pro: #2c4a6e;
  --color-pro-soft: #dce6f2;
  --color-home: #5a4a2e;
  --color-home-soft: #efe6d4;
  --color-event: #7a4b12;
  --color-event-soft: #f3e6d2;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --touch: 44px;
  --touch-lg: 52px;
  --shadow: 0 8px 24px rgba(20, 18, 16, 0.08);
  --shadow-sm: 0 2px 8px rgba(20, 18, 16, 0.06);
  --max: 40rem;
  --bp-md: 44rem;
  --chrome: 3.25rem;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}