:root {
  color-scheme: light dark;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-muted: #f2f6f5;
  --surface-soft: #f7faff;
  --text: #172d28;
  --muted: #51665f;
  --border: #dbe5e0;
  --accent: #087f73;
  --accent-fill: #087f73;
  --accent-hover: #066c62;
  --accent-on: #ffffff;
  --accent-soft: #e7f5f1;
  --mint: #30e3d5;
  --indigo: #08125d;
  --warm: #976b2b;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif;
  --radius: 8px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #061b19;
    --surface: #102622;
    --surface-muted: #122f29;
    --surface-soft: #0c231f;
    --text: #f0f8f4;
    --muted: #b0c5bb;
    --border: #304d43;
    --accent: #30e3d5;
    --accent-fill: #30e3d5;
    --accent-hover: #68eadd;
    --accent-on: #062823;
    --accent-soft: #173e35;
    --warm: #dfb46e;
  }
}