:root {
  color-scheme: light;
  --bg: #f5f5f7; --surface: rgba(255,255,255,.82); --surface-solid: #fff;
  --text: #1d1d1f; --muted: #6e6e73; --line: rgba(0,0,0,.09);
  --accent: #0071e3; --accent-strong: #0062c4; --danger: #c9342f;
  --shadow: 0 12px 38px rgba(0,0,0,.08); --radius-lg: 24px; --radius-md: 16px;
  --sidebar: 240px; --topbar: 74px;
}
:root[data-theme="dark"] { color-scheme: dark; --bg:#000; --surface:rgba(28,28,30,.82); --surface-solid:#1c1c1e; --text:#f5f5f7; --muted:#a1a1a6; --line:rgba(255,255,255,.12); --shadow:0 12px 38px rgba(0,0,0,.45); }
@media (prefers-color-scheme: dark) { :root[data-theme="system"] { color-scheme: dark; --bg:#000; --surface:rgba(28,28,30,.82); --surface-solid:#1c1c1e; --text:#f5f5f7; --muted:#a1a1a6; --line:rgba(255,255,255,.12); --shadow:0 12px 38px rgba(0,0,0,.45); } }