:root {
  color-scheme: dark;
  --bg: #07070d;
  --bg-soft: #0e0f18;
  --bg-elev: #141522;
  --bg-card: #171828;
  --bg-card-hover: #1c1e32;
  --text: #f3f1ff;
  --text-secondary: #c9c4e0;
  --muted: #9b96b5;
  --accent: #8b7cff;
  --accent-strong: #a594ff;
  --accent-dim: rgba(139, 124, 255, 0.16);
  --accent-2: #e8c872;
  --accent-2-dim: rgba(232, 200, 114, 0.14);
  --danger: #ff6b8a;
  --ok: #3dd6b5;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(139, 124, 255, 0.35);
  --radius: 18px;
  --radius-sm: 12px;
  --nav-h: 64px;
  --rail-w: 248px;
  --top-h: 56px;
  --admin-h: 0px;
  --font: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 4px 18px rgba(0, 0, 0, 0.28);
  --ring: 0 0 0 3px rgba(139, 124, 255, 0.28);
}
body.admin-bar { --admin-h: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar { --admin-h: 46px; }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f2fb;
  --bg-soft: #ebe7f7;
  --bg-elev: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #faf9ff;
  --text: #161328;
  --text-secondary: #3d3758;
  --muted: #6b6488;
  --accent: #6a5ae0;
  --accent-strong: #5646d4;
  --accent-dim: rgba(106, 90, 224, 0.12);
  --accent-2: #9a7200;
  --accent-2-dim: rgba(154, 114, 0, 0.1);
  --border: rgba(22, 19, 40, 0.1);
  --border-strong: rgba(106, 90, 224, 0.35);
  --shadow: 0 12px 36px rgba(40, 30, 80, 0.1);
  --shadow-soft: 0 4px 14px rgba(40, 30, 80, 0.08);
}
:root[data-theme="contrast"] {
  color-scheme: dark;
  --bg: #000;
  --bg-soft: #050505;
  --bg-elev: #0a0a0a;
  --bg-card: #111;
  --bg-card-hover: #181818;
  --text: #fff;
  --text-secondary: #f0f0f0;
  --muted: #ddd;
  --accent: #fff;
  --accent-strong: #fff;
  --accent-dim: rgba(255, 255, 255, 0.12);
  --accent-2: #ffe566;
  --border: #fff;
  --border-strong: #fff;
}