:root {
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --bg-sunken: #eaedf2;
  --border: #e1e5eb;
  --text: #1a1f2b;
  --text-soft: #626c7a;
  --text-faint: #68717f;
  --accent: #5b5bf0;
  --accent-soft: rgba(91, 91, 240, 0.12);
  --accent-contrast: #ffffff;
  --success: #16a34a;
  --success-soft: rgba(22, 163, 74, 0.12);
  --warn: #d97706;
  --warn-soft: rgba(217, 119, 6, 0.12);
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.12);
  --info: #0891b2;
  --info-soft: rgba(8, 145, 178, 0.12);
  --shadow-sm: 0 1px 2px rgba(20, 24, 38, 0.06);
  --shadow-md: 0 4px 16px rgba(20, 24, 38, 0.08);
  --shadow-lg: 0 12px 32px rgba(20, 24, 38, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.5);
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 68px;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Sora", var(--font-body);
}

:root[data-theme="dark"] {
  --bg: #0f1219;
  --bg-elevated: #171b26;
  --bg-sunken: #0a0d13;
  --border: #262c3a;
  --text: #e9edf5;
  --text-soft: #a3acbd;
  --text-faint: #8993a6;
  --accent: #7b7bff;
  --accent-soft: rgba(123, 123, 255, 0.16);
  --accent-contrast: #ffffff;
  --success: #34d399;
  --success-soft: rgba(52, 211, 153, 0.14);
  --warn: #fbbf24;
  --warn-soft: rgba(251, 191, 36, 0.14);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.14);
  --info: #22d3ee;
  --info-soft: rgba(34, 211, 238, 0.14);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --glass-bg: rgba(23, 27, 38, 0.72);
  --glass-border: rgba(255, 255, 255, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1219;
    --bg-elevated: #171b26;
    --bg-sunken: #0a0d13;
    --border: #262c3a;
    --text: #e9edf5;
    --text-soft: #a3acbd;
    --text-faint: #8993a6;
    --accent: #7b7bff;
    --accent-soft: rgba(123, 123, 255, 0.16);
    --success: #34d399;
    --success-soft: rgba(52, 211, 153, 0.14);
    --warn: #fbbf24;
    --warn-soft: rgba(251, 191, 36, 0.14);
    --danger: #f87171;
    --danger-soft: rgba(248, 113, 113, 0.14);
    --info: #22d3ee;
    --info-soft: rgba(34, 211, 238, 0.14);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
    --glass-bg: rgba(23, 27, 38, 0.72);
    --glass-border: rgba(255, 255, 255, 0.08);
  }
}