:root {
  font-family: "Inter", "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: light;
  --topbar:#2253c0;
  --sidebar:#1d2744;
  --sidebar-text:#f8fafc;
  --sidebar-muted:#9aa6c7;
  --sidebar-active:#1d4ed8;
  --surface:#ffffff;
  --surface-card:#ffffff;
  --surface-soft:#f6f8ff;
  --surface-panel:#d8e2ff;
  --surface-subtle:#ecf2ff;
  --surface-highlight:rgba(59,130,246,.18);
  --background:#eef2ff;
  --line:#dbe4ff;
  --border-soft:#dbe4ff;
  --border-muted:#c7d3ff;
  --text-strong:#17213b;
  --text-muted:#3f4c6b;
  --text-soft:#5b6788;
  --text-inverse:#f8fafc;
  --accent:#2563eb;
  --accent-strong:#1d4ed8;
  --accent-soft:rgba(37,99,235,.12);
  --accent-muted:#93c5fd;
  --accent-contrast:#ffffff;
  --accent-shadow:rgba(37,99,235,.24);
  --overlay-backdrop:rgba(15,23,42,.45);
  --modal-shadow:0 32px 80px rgba(15,23,42,.32);
  --spinner-track:rgba(148,163,184,.35);
  --success-bg:#dcfce7;
  --success-text:#166534;
  --warning-bg:#fef3c7;
  --warning-text:#b45309;
  --warning-strong:#c2410c;
  --warning-muted:#92400e;
  --warning-accent:#f97316;
  --warning-panel-bg:linear-gradient(135deg,rgba(254,242,205,.92),rgba(255,247,237,.92));
  --warning-panel-border:rgba(249,115,22,.45);
  --danger-bg:#fee2e2;
  --danger-text:#b91c1c;
  --danger-strong:#dc2626;
  --panel-item-bg:rgba(255,255,255,.55);
  --panel-item-hover:rgba(255,255,255,.75);
  --panel-item-border:rgba(255,255,255,.28);
}

body.dark-mode {
  color-scheme:dark;
  --background:#050b1c;
  --surface:rgba(15,23,42,.78);
  --surface-card:rgba(21,32,56,.9);
  --surface-soft:rgba(16,26,46,.92);
  --surface-panel:rgba(17,24,39,.92);
  --surface-subtle:rgba(12,20,39,.88);
  --surface-highlight:rgba(59,130,246,.26);
  --line:rgba(94,106,161,.38);
  --border-soft:rgba(82,94,150,.35);
  --border-muted:rgba(69,82,138,.32);
  --text-strong:#e9eeff;
  --text-muted:#cbd5f5;
  --text-soft:#aab5e8;
  --text-inverse:#0f172a;
  --accent:#60a5fa;
  --accent-strong:#38bdf8;
  --accent-soft:rgba(56,189,248,.2);
  --accent-muted:#1e3a8a;
  --accent-contrast:#050b1c;
  --accent-shadow:rgba(56,189,248,.32);
  --overlay-backdrop:rgba(2,6,23,.68);
  --modal-shadow:0 28px 76px rgba(2,6,23,.82);
  --spinner-track:rgba(99,102,241,.3);
  --success-bg:rgba(34,197,94,.22);
  --success-text:#4ade80;
  --warning-bg:rgba(251,191,36,.18);
  --warning-text:#fcd34d;
  --warning-strong:#fb923c;
  --warning-muted:#fbbf24;
  --warning-accent:#fb923c;
  --warning-panel-bg:linear-gradient(135deg,rgba(24,33,55,.86),rgba(18,27,47,.9));
  --warning-panel-border:rgba(251,191,36,.38);
  --danger-bg:rgba(248,113,113,.22);
  --danger-text:#fca5a5;
  --danger-strong:#f87171;
  --panel-item-bg:rgba(15,23,42,.7);
  --panel-item-hover:rgba(15,23,42,.88);
  --panel-item-border:rgba(56,189,248,.18);
  color:#e2e8f0;
  background:var(--background);
}