:root {
  color-scheme: light dark;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
  --color-bg-base: #f4f7fb;
  --color-bg-surface: #fff;
  --color-bg-subtle: #edf3f8;
  --color-text-main: #142438;
  --color-text-muted: #52657a;
  --color-border: #dce5ee;
  --color-accent: #176b87;
  --color-accent-hover: #10556c;
  --color-evidence: #0c718f;
  --color-warning-bg: #fff7e8;
  --color-warning-border: #db9a2b;
  --site-width: 1240px;
  --reading-width: 780px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-soft: 0 8px 30px rgb(19 44 66 / 0.07);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg-base: #101821;
    --color-bg-surface: #18232e;
    --color-bg-subtle: #202f3b;
    --color-text-main: #edf3f8;
    --color-text-muted: #afbdc9;
    --color-border: #344553;
    --color-accent: #75c6dc;
    --color-accent-hover: #a1def0;
    --color-evidence: #75c6dc;
    --color-warning-bg: #332a19;
    --color-warning-border: #bd8531;
    --shadow-soft: 0 8px 30px rgb(0 0 0 / 0.22);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-base: #101821;
  --color-bg-surface: #18232e;
  --color-bg-subtle: #202f3b;
  --color-text-main: #edf3f8;
  --color-text-muted: #afbdc9;
  --color-border: #344553;
  --color-accent: #75c6dc;
  --color-accent-hover: #a1def0;
  --color-evidence: #75c6dc;
  --color-warning-bg: #332a19;
  --color-warning-border: #bd8531;
  --shadow-soft: 0 8px 30px rgb(0 0 0 / 0.22);
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg-base: #f4f7fb;
  --color-bg-surface: #fff;
  --color-bg-subtle: #edf3f8;
  --color-text-main: #142438;
  --color-text-muted: #52657a;
  --color-border: #dce5ee;
  --color-accent: #176b87;
  --color-accent-hover: #10556c;
  --color-evidence: #0c718f;
  --color-warning-bg: #fff7e8;
  --color-warning-border: #db9a2b;
  --shadow-soft: 0 8px 30px rgb(19 44 66 / 0.07);
}