:root {
    /* Colors */
    --primary: #5865F2;
    --primary-hover: #4752C4;
    --primary-glow: rgba(88, 101, 242, 0.5);
    
    --secondary: #EB459E;
    --accent: #00E5FF; /* Cyan/Teal for Aurora */
    
    --success: #23a559;
    --danger: #da373c;
    --warning: #f0b232;
    
    /* Aurora Palette */
    --aurora-purple: #7c3aed;
    --aurora-blue: #2563eb;
    --aurora-green: #10b981;
    --aurora-teal: #06b6d4;
    
    /* Backgrounds */
    --bg-darker: #020617;
    --bg-dark: #0f172a;
    --background: #0B0F19; /* Deep space blue */
    --surface: #1f2937;
    --card-bg: rgba(30, 41, 59, 0.7); /* More transparent */
    
    /* Text */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    
    /* Borders & Glass */
    --border: #374151;
    --glass-bg: rgba(15, 23, 42, 0.6);
    --glass-border: rgba(255, 255, 255, 0.08);
    --hover-bg: rgba(255, 255, 255, 0.05);

    /* Spacing & Layout */
    --sidebar-width: 280px;
    --header-height: 80px;
    --radius: 12px;
    --radius-lg: 16px;
    --radius-sm: 8px;
    
    /* Shadows */
    --shadow: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(88, 101, 242, 0.3);
    
    /* Animations */
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}