:root {
  --bg: #f4f6fb;
  --card: #ffffff;
  --surface-soft: #f8fafc;
  --surface-strong: #eef4ff;
  --text: #172033;
  --muted: #697386;
  --accent: #2563eb;
  --accent-2: #0f766e;
  --accent-dim: #e8f0ff;
  --step-on-fg: #1745a5;
  --ok: #1aa463;
  --warn: #d98a00;
  --err: #e1453d;
  --border: #dfe5ef;
  --border-strong: #c8d2e1;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --shadow: 0 10px 30px rgba(23, 32, 51, 0.08);
  --shadow-soft: 0 1px 2px rgba(23, 32, 51, 0.05), 0 8px 24px rgba(23, 32, 51, 0.06);
  --nav-w: 236px;
}
[data-theme="dark"] {
  --bg: #0d111a;
  --card: #151b27;
  --surface-soft: #111827;
  --surface-strong: #17233a;
  --text: #edf2f7;
  --muted: #9aa7ba;
  --accent: #60a5fa;
  --accent-2: #34d399;
  --accent-dim: #17233a;
  --step-on-fg: #c5d8ff;
  --border: #263244;
  --border-strong: #34445c;
  --shadow: 0 14px 36px rgba(0, 0, 0, 0.36);
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.3);
}