:root {
    /* Colors */
    --primary: #5b7cff;
    --primary-hover: #4e6ff0;
    --primary-glow: rgba(91, 124, 255, 0.3);
    
    --secondary: #EB459E;
    --accent: #4fd8ff;
    
    --success: #23a559;
    --danger: #da373c;
    --warning: #f0b232;
    
    /* Aurora Palette */
    --aurora-purple: #7c3aed;
    --aurora-blue: #2563eb;
    --aurora-green: #10b981;
    --aurora-teal: #06b6d4;
    
    /* Backgrounds */
    --bg-darker: #070b14;
    --bg-dark: #0b1220;
    --background: #070b14;
    --surface: #0b1220;
    --card-bg: rgba(11, 18, 32, 0.96);
    
    /* Text */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    
    /* Borders & Glass */
    --border: #1e2a3d;
    --glass-bg: rgba(11, 18, 32, 0.82);
    --glass-border: rgba(148, 163, 184, 0.1);
    --hover-bg: rgba(148, 163, 184, 0.06);

    /* Spacing & Layout */
    --sidebar-width: 280px;
    --header-height: 80px;
    --radius: 12px;
    --radius-lg: 16px;
    --radius-sm: 8px;
    
    /* Shadows */
    --shadow: 0 6px 16px rgba(2, 6, 23, 0.18);
    --shadow-lg: 0 18px 38px rgba(2, 6, 23, 0.34);
    --shadow-glow: 0 0 20px rgba(91, 124, 255, 0.16);
    
    /* Animations */
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}