:root {
    /* Brighter theme colors */
    --bg-primary: #0a0f1c;
    --bg-secondary: #151c31;
    --bg-tertiary: #1e2a45;
    --text-primary: #ffffff;
    --text-secondary: #b8c3d9;
    --primary: #6366f1;
    --primary-dark: #4f46e5;
    --primary-light: #818cf8;
    --accent: #f472b6;
    --accent-dark: #ec4899;
    --accent-light: #f9a8d4;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
    --border-color: #2d3757;
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 30px -15px rgba(0, 0, 0, 0.5);
    
    /* Gradient colors */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--primary-dark) 0%, var(--accent-dark) 100%);
    --gradient-success: linear-gradient(135deg, var(--success) 0%, #06b6d4 100%);
    
    /* Common variables */
    --header-height: 64px;
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --max-width: 1200px;
    
    /* Glow effects */
    --glow-primary: 0 0 20px rgba(99, 102, 241, 0.2);
    --glow-accent: 0 0 20px rgba(244, 114, 182, 0.2);
}