:root {
  --accent: #f97316;
  --accent-hi: #ea580c;
  --accent-50: #fff7ed;
  --accent-100: #ffedd5;
  --accent-200: #fed7aa;
  --accent-300: #fdba74;
  --accent-400: #fb923c;
  --accent-500: #f97316;
  --accent-600: #ea580c;
  --accent-700: #c2410c;
  --accent-800: #9a3412;
  --accent-900: #7c2d12;

  --bg: #ffffff;
  --bg-soft: #fff7ed;
  --fg: #0b1220;
  --muted: #5b6472;
  --border: #e5e7eb;
  --card: #ffffff;
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 10px 30px -12px rgba(249,115,22,0.12);
  --radius: 14px;
  --maxw: 1120px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0a0f0c;
    --bg-soft: #0e1712;
    --fg: #e9f5ee;
    --muted: #93a39a;
    --border: #1e2a23;
    --card: #0f1813;
    --shadow: 0 1px 3px rgba(0,0,0,0.4), 0 10px 30px -12px rgba(249,115,22,0.25);
  }
}