:root {
  --primary: #d97706;
  --primary-dark: #b45309;
  --green: #365a3a;
  --green-dark: #243b28;
  --cream: #fff9f0;
  --background: #fafaf7;
  --text: #1f2933;
  --muted: #667085;
  --border: #e5e7eb;
  --white: #ffffff;
  --hero-sky: #e3eef3;
  --hero-peach: #fde8d4;
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 12px 40px rgba(31, 41, 51, 0.08);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --container: min(100% - 32px, 1140px);
  --container-wide: min(100% - 32px, 1200px);
  --touch: 44px;
  --transition: 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}