:root {
  color-scheme: light;
  --green-950: #10231a;
  --green-900: #123d2a;
  --green-800: #16834b;
  --green-700: #20a85f;
  --green-100: #e7f7ed;
  --green-50: #f3fbf6;
  --blue-800: #135b82;
  --blue-700: #1879a8;
  --blue-100: #e4f2f8;
  --ink: #17211b;
  --ink-soft: #58635c;
  --muted: #89928c;
  --line: #edf0ed;
  --surface: #ffffff;
  --canvas: #f7f8f7;
  --shadow: 0 4px 16px rgba(23, 33, 27, .035);
  --radius-lg: 16px;
  --radius-md: 12px;
  --font: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink: #e9f0eb;
    --ink-soft: #b4c1b8;
    --muted: #85948a;
    --line: #29372f;
    --surface: #1a241e;
    --canvas: #111a15;
    --green-100: #21382b;
    --green-50: #1b2c22;
    --blue-100: #1c3440;
    --shadow: 0 14px 38px rgba(0, 0, 0, .16);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e9f0eb; --ink-soft: #b4c1b8; --muted: #85948a; --line: #29372f;
  --surface: #1a241e; --canvas: #111a15; --green-100: #21382b; --green-50: #1b2c22;
  --blue-100: #1c3440; --shadow: 0 14px 38px rgba(0, 0, 0, .16);
}
:root[data-theme="light"] { color-scheme: light; }