/* variables.css — Design tokens */
:root {
    --bg-primary: #13141f;
    --bg-secondary: #1a1b2e;
    --bg-tertiary: #242540;
    --bg-hover: #2a2b4a;
    --bg-active: rgba(124, 111, 230, 0.12);
    
    --text-primary: #e8eaf0;
    --text-secondary: #8b8ea8;
    --text-muted: #5a5d7a;
    
    --accent: #7c6fe6;
    --accent-hover: #9488f0;
    --accent-dim: rgba(124, 111, 230, 0.15);
    --accent-glow: rgba(124, 111, 230, 0.25);
    
    --danger: #e65a5a;
    --danger-dim: rgba(230, 90, 90, 0.1);
    --success: #5ae67c;
    
    --border: #2e3048;
    --border-light: #383a5a;
    
    --radius: 12px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    
    --sidebar-width: 240px;
    --header-height: 56px;
    
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
    
    --transition-fast: 0.12s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
}