:root {
  color-scheme: dark;
  --bk-bg: #090b10;
  --bk-bg-soft: #0d111a;
  --bk-panel: #101622;
  --bk-panel-2: #151d2b;
  --bk-panel-3: #1b2536;
  --bk-surface-raised: rgba(18, 25, 38, 0.86);
  --bk-surface-soft: rgba(255, 255, 255, 0.045);
  --bk-border: rgba(148, 163, 184, 0.16);
  --bk-border-strong: rgba(191, 219, 254, 0.28);
  --bk-text: #f8fafc;
  --bk-muted: #9aa8ba;
  --bk-muted-2: #8492a6;
  --bk-primary: #3b82f6;
  --bk-primary-strong: #60a5fa;
  --bk-secondary: #22d3ee;
  --bk-accent: #8b5cf6;
  --bk-gold: #f59e0b;
  --bk-success: #2dd4bf;
  --bk-warning: #fbbf24;
  --bk-danger: #fb7185;
  --bk-safe: #86efac;
  --bk-danger-text: #fecdd3;
  --bk-shadow: 0 22px 80px rgba(0, 0, 0, 0.38);
  --bk-shadow-soft: 0 12px 42px rgba(0, 0, 0, 0.22);
  --bk-body-glow-1: rgba(59, 130, 246, 0.22);
  --bk-body-glow-2: rgba(34, 211, 238, 0.13);
  --bk-body-glow-3: rgba(139, 92, 246, 0.14);
  --bk-shell-chrome: rgba(9, 11, 16, 0.82);
  --bk-shell-chrome-strong: rgba(9, 11, 16, 0.95);
  --bk-card-bg: rgba(18, 25, 38, 0.76);
  --bk-card-bg-soft: rgba(255, 255, 255, 0.045);
  --bk-control-bg: rgba(255, 255, 255, 0.075);
  --bk-control-bg-soft: rgba(255, 255, 255, 0.055);
  --bk-control-bg-strong: rgba(59, 130, 246, 0.16);
  --bk-space-1: 4px;
  --bk-space-2: 8px;
  --bk-space-3: 12px;
  --bk-space-4: 16px;
  --bk-space-5: 20px;
  --bk-space-6: 24px;
  --bk-space-8: 32px;
  --bk-space-10: 40px;
  --bk-space-12: 48px;
  --bk-radius-control: 12px;
  --bk-radius-card: 22px;
  --bk-radius-panel: 28px;
  --bk-avatar-radius: 16px;
  --bk-shell-left-rail: 272px;
  --bk-shell-left-rail-collapsed: 80px;
  --bk-shell-topbar: 68px;
  --bk-shell-mobile-topbar: 58px;
  --bk-shell-mobile-bottom-nav: 70px;
  --bk-content-feed: 780px;
  --bk-content-wide: 1120px;
  --bk-right-rail: 340px;
}

[data-theme="light"] {
  color-scheme: light;
  --bk-bg: #f6f7fb;
  --bk-bg-soft: #eef1f7;
  --bk-panel: #ffffff;
  --bk-panel-2: #f8fafc;
  --bk-panel-3: #eef2ff;
  --bk-surface-raised: rgba(255, 255, 255, 0.92);
  --bk-surface-soft: rgba(15, 23, 42, 0.045);
  --bk-border: rgba(15, 23, 42, 0.11);
  --bk-border-strong: rgba(37, 99, 235, 0.24);
  --bk-text: #111827;
  --bk-muted: #536173;
  --bk-muted-2: #5c6675;
  --bk-shadow: 0 24px 80px rgba(15, 23, 42, 0.13);
  --bk-shadow-soft: 0 12px 36px rgba(15, 23, 42, 0.09);
  --bk-body-glow-1: rgba(59, 130, 246, 0.13);
  --bk-body-glow-2: rgba(34, 211, 238, 0.10);
  --bk-body-glow-3: rgba(139, 92, 246, 0.08);
  --bk-shell-chrome: rgba(255, 255, 255, 0.86);
  --bk-shell-chrome-strong: rgba(255, 255, 255, 0.96);
  --bk-card-bg: rgba(255, 255, 255, 0.9);
  --bk-card-bg-soft: rgba(15, 23, 42, 0.035);
  --bk-control-bg: rgba(15, 23, 42, 0.055);
  --bk-control-bg-soft: rgba(15, 23, 42, 0.045);
  --bk-control-bg-strong: rgba(37, 99, 235, 0.10);
  --bk-danger-text: #9f1239;
}