:root {
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --brand1: #7c5cff;
  --brand2: #22d3ee;
  --brand-grad: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);
  --brand-soft: rgba(124, 92, 255, 0.12);

  --bg: #060913;
  --bg2: #0a0f1e;
  --card: #0c1226;
  --card2: #111838;
  --inset: #080d1c;
  --border: #223052;
  --border-soft: #182344;
  --text: #eef2ff;
  --muted: #8f99bb;
  --faint: #5b6488;

  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #fb7185;
  --info: #22d3ee;

  --hard: 5px 5px 0 rgba(0, 0, 0, 0.6);
  --hard-sm: 3px 3px 0 rgba(0, 0, 0, 0.6);
  --glow: 0 0 24px rgba(124, 92, 255, 0.35);
  --r-lg: 16px;
  --r-md: 12px;
  --r-sm: 9px;

  --nav-h: 68px;
  --side-w: 248px;
  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #f3f4fa;
  --bg2: #eceef7;
  --card: #ffffff;
  --card2: #f5f6fc;
  --inset: #eef0f8;
  --border: #191d33;
  --border-soft: #c9cede3;
  --border-soft: #c9cde3;
  --text: #151936;
  --muted: #5b6285;
  --faint: #8b91ad;
  --brand-soft: rgba(124, 92, 255, 0.1);
  --hard: 5px 5px 0 #151936;
  --hard-sm: 3px 3px 0 #151936;
  --glow: 0 0 26px rgba(124, 92, 255, 0.28);
  color-scheme: light;
}