:root {
  color-scheme: dark;
  --bg: #090b0c;
  --bg-raised: #101315;
  --surface: #15191b;
  --surface-strong: #1b2022;
  --paper: #f4f0e8;
  --paper-muted: #d3d0c8;
  --muted: #a6ada8;
  --line: rgba(244, 240, 232, 0.15);
  --line-strong: rgba(244, 240, 232, 0.28);
  --gold: #d8b968;
  --gold-dark: #8c7138;
  --mint: #65d6a6;
  --cyan: #6bcad0;
  --coral: #ed7b70;
  --violet: #a996d8;
  --focus: #f3d88d;
  --radius-small: 4px;
  --radius: 8px;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
  --font-body: Inter, "Segoe UI", Arial, sans-serif;
  --font-display: "Segoe UI", Arial, sans-serif;
  --max-width: 1220px;
}

@media (prefers-color-scheme: light) {
  :root { color-scheme: dark; }
}