:root {
  color-scheme: light dark;
  --paper: #ffffff;
  --card: #ffffff;
  --ink: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --accent: #0369a1;
  --accent-ink: #ffffff;
  --danger: #b3261e;
  --solid: #0f172a;
  --on-solid: #f8fafc;
  --on-solid-soft: #cbd5e1;
  --focus: #0369a1;
  --live: #16a34a;
  --accent-soft: #f0f9ff;
  --orb-light: #bae6fd;
  --orb: #0ea5e9;
  --orb-deep: #0369a1;
  --wash: #dff1fd;
  --orb-hi: rgb(255 255 255 / 75%);
  --orb-95: rgb(14 165 233 / 95%);
  --orb-52: rgb(14 165 233 / 52%);
  --orb-22: rgb(14 165 233 / 22%);
  --orb-g55: rgb(14 165 233 / 55%);
  --orb-g28: rgb(14 165 233 / 28%);
  --orb-g12: rgb(14 165 233 / 12%);
  --mist: #f8fafc;
  --glow: rgb(14 165 233 / 22%);
  --shadow: rgb(15 23 42 / 8%);
  --sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0b1120;
    --card: #111827;
    --ink: #f1f5f9;
    --muted: #94a3b8;
    --line: #1f2937;
    --accent: #38bdf8;
    --accent-ink: #0b1120;
    --danger: #f2b8b5;
    --solid: #f1f5f9;
    --on-solid: #0b1120;
    --on-solid-soft: #475569;
    --focus: #38bdf8;
    --live: #4ade80;
    --accent-soft: #082f49;
    --orb-light: #bae6fd;
    --orb: #0ea5e9;
    --orb-deep: #0369a1;
    --wash: #0c1a2e;
    --mist: #0f172a;
    --glow: rgb(56 189 248 / 18%);
    --shadow: rgb(0 0 0 / 40%);
  }
}