:root {
  color-scheme: light;
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-2: #eef2f7;
  --surface-3: #e3e9f0;
  --text: #172033;
  --muted: #69768a;
  --line: #dce3eb;
  --ink: #111827;
  --yellow: #f5df4d;
  --yellow-dark: #c6a900;
  --mint: #38cf91;
  --mint-dark: #17875c;
  --mint-soft: #dcf8ec;
  --blue: #4b93ee;
  --blue-dark: #2769b8;
  --blue-soft: #e5f1ff;
  --violet: #8a78ea;
  --violet-soft: #eeeaff;
  --amber: #f0a83e;
  --amber-soft: #fff2dc;
  --red: #e95861;
  --red-soft: #ffeaec;
  --shadow-sm: 0 1px 2px rgba(22,32,51,.05), 0 8px 22px rgba(22,32,51,.045);
  --shadow-md: 0 18px 45px rgba(22,32,51,.12);
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 28px;
  --font: Inter, ui-rounded, "SF Pro Rounded", "SF Pro Display", system-ui, -apple-system, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c121c;
  --surface: #131d2b;
  --surface-2: #1a2737;
  --surface-3: #233245;
  --text: #edf4fa;
  --muted: #97a7ba;
  --line: #2a394b;
  --ink: #090d13;
  --mint-soft: #123b2e;
  --blue-soft: #162f4b;
  --violet-soft: #292344;
  --amber-soft: #3d301b;
  --red-soft: #412326;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.2);
  --shadow-md: 0 20px 50px rgba(0,0,0,.3);
}