/* Baseline adapted from Celestia Glow. See docs/DESIGN.md for provenance. */
:root {
  color-scheme: light;
  --bg-1: #f9eee8;
  --bg-2: #f3eff7;
  --bg-3: #e9eef8;
  --text-main: #3d354d;
  --text-muted: #685e74;
  --accent: #75608a;
  --accent-strong: #504061;
  --surface-glass: rgba(255, 253, 255, .7);
  --surface-solid: #faf7fb;
  --rim: rgba(255, 255, 255, .94);
  --line: rgba(93, 72, 120, .13);
  --shadow: rgba(75, 52, 108, .065);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 12px;
  --radius-panel: 18px;
  --radius-window: 24px;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: ui-monospace, monospace;
  --motion-fast: 120ms;
  --motion-normal: 200ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-1: #252132;
    --bg-2: #211e30;
    --bg-3: #20273a;
    --text-main: #eee8f5;
    --text-muted: #bcb2c9;
    --accent: #c8b3e4;
    --accent-strong: #e0cdef;
    --surface-glass: rgba(46, 40, 63, .83);
    --surface-solid: #302a3d;
    --rim: rgba(237, 222, 255, .18);
    --line: rgba(215, 197, 239, .16);
    --shadow: rgba(8, 4, 20, .16);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-1: #252132;
  --bg-2: #211e30;
  --bg-3: #20273a;
  --text-main: #eee8f5;
  --text-muted: #bcb2c9;
  --accent: #c8b3e4;
  --accent-strong: #e0cdef;
  --surface-glass: rgba(46, 40, 63, .83);
  --surface-solid: #302a3d;
  --rim: rgba(237, 222, 255, .18);
  --line: rgba(215, 197, 239, .16);
  --shadow: rgba(8, 4, 20, .16);
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-normal: 0ms; }
}