/* ================================
   CSS VARIABLES
   ================================ */
:root {
    /* Colors - Background */
    --bg-primary: #0a0e27;
    --bg-secondary: #141b2d;
    --bg-card: #1a2332;
    
    /* Colors - Accents */
    --accent-blue: #4a90e2;
    --accent-cyan: #4ecdc4;
    --accent-red: #ff6b6b;
    
    /* Colors - Text */
    --text-primary: #e8eaf6;
    --text-secondary: #b0b8c9;
    
    /* Colors - UI */
    --border-color: #2d3748;
    --success: #51cf66;
    --warning: #ffd93d;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 15px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}