:root {
  color-scheme: light;
  --page: #f5f7fb;
  --surface: #fff;
  --surface-muted: #f7f9fc;
  --text: #15243b;
  --muted: #718096;
  --line: #e4e9f1;
  --accent: #1769e0;
  --accent-hover: #0e56c0;
  --accent-soft: #eaf2ff;
  --positive: #17895b;
  --negative: #cf4c57;
  --warning-bg: #fff7e7;
  --warning-text: #805c16;
  --shadow: 0 16px 48px rgb(22 40 72 / 6%);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0f1724;
  --surface: #172334;
  --surface-muted: #1b2a3e;
  --text: #edf3fb;
  --muted: #a1afc2;
  --line: #2a3a50;
  --accent: #71aaff;
  --accent-hover: #94bdff;
  --accent-soft: #203653;
  --positive: #69d7a2;
  --negative: #ff8990;
  --warning-bg: #3a3021;
  --warning-text: #ffdc91;
  --shadow: 0 16px 48px rgb(0 0 0 / 18%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --page: #0f1724;
    --surface: #172334;
    --surface-muted: #1b2a3e;
    --text: #edf3fb;
    --muted: #a1afc2;
    --line: #2a3a50;
    --accent: #71aaff;
    --accent-hover: #94bdff;
    --accent-soft: #203653;
    --positive: #69d7a2;
    --negative: #ff8990;
    --warning-bg: #3a3021;
    --warning-text: #ffdc91;
    --shadow: 0 16px 48px rgb(0 0 0 / 18%);
  }
}