:root {
  --primary: #6C5CE7;
  --primary-dark: #5A4BD1;
  --primary-light: #A29BFE;
  --secondary: #00CEC9;
  --accent-success: #00B894;
  --accent-warning: #FDCB6E;
  --accent-danger: #D63031;
  --bg: #F8F9FA;
  --bg-2: #FFFFFF;
  --bg-3: #F1F3F5;
  --text: #0F0E17;
  --text-2: #6C757D;
  --text-3: #ADB5BD;
  --border: #E9ECEF;
  --border-strong: #DEE2E6;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --header-h: 64px;
  --sidebar-w: 260px;
  --rail-w: 380px;
  --transition: 0.18s ease;
}

[data-theme="dark"] {
  --bg: #0F0E17;
  --bg-2: #1A1930;
  --bg-3: #252542;
  --text: #F8F9FA;
  --text-2: #A0A0B8;
  --text-3: #6C6C80;
  --border: #2A2A4A;
  --border-strong: #3A3A5A;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F0E17;
    --bg-2: #1A1930;
    --bg-3: #252542;
    --text: #F8F9FA;
    --text-2: #A0A0B8;
    --text-3: #6C6C80;
    --border: #2A2A4A;
    --border-strong: #3A3A5A;
  }
}