/* ===== COLOR VARIABLES ===== */

:root {
    /* Primary Colors - Dark Blue Theme */
    --ps-primary: #1E40AF; /* Deep Royal Blue RGB(30, 64, 175) */
    --ps-secondary: #1D4ED8; /* Electric Blue RGB(29, 78, 216) */
    --ps-accent: #2563EB; /* Bright Blue RGB(37, 99, 235) */
    
    /* Background Colors - Very Dark Blue Theme (Almost Black) */
    --bg-primary: #0A0E1A;
    --bg-secondary: #0F1525;
    --bg-tertiary: #141B2E;
    --bg-card: rgba(30, 64, 175, 0.08);
    --bg-overlay: radial-gradient(circle at 20% 30%, rgba(30, 64, 175, 0.15) 0%, transparent 40%), 
                 radial-gradient(circle at 80% 70%, rgba(29, 78, 216, 0.1) 0%, transparent 40%);
    --bg-gradient: linear-gradient(135deg, #0A0E1A 0%, #0F1525 30%, #141B2E 70%, #1E40AF 100%);
    
    /* Text Colors - Light for Dark Theme */
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.8);
    --text-tertiary: rgba(255, 255, 255, 0.6);
    --text-muted: rgba(255, 255, 255, 0.4);
    --text-heading: rgba(255, 255, 255, 0.98);
    
    /* Border Colors - Dark Blue Glass Effect */
    --border-primary: rgba(30, 64, 175, 0.4);
    --border-secondary: rgba(255, 255, 255, 0.12);
    --border-focus: rgba(30, 64, 175, 0.7);
    --border-glass: rgba(255, 255, 255, 0.25);
    
    /* Button Colors - Dark Blue Gradient Effects */
    --btn-primary-bg: linear-gradient(135deg, rgba(30, 64, 175, 0.9) 0%, rgba(29, 78, 216, 0.9) 100%);
    --btn-primary-hover: linear-gradient(135deg, rgba(30, 64, 175, 1) 0%, rgba(29, 78, 216, 1) 100%);
    --btn-secondary-bg: rgba(37, 99, 235, 0.25);
    --btn-secondary-hover: rgba(37, 99, 235, 0.35);
    
    /* Accent Colors - Dark Blue Palette */
    --accent-navy: #1E3A8A;
    --accent-blue: #1E40AF;
    --accent-indigo: #3730A3;
    --accent-royal: #1D4ED8;
    --accent-electric: #2563EB;
    --accent-sky: #0EA5E9;
    
    /* Gradients - Dark Blue Effects */
    --accent-gradient: linear-gradient(135deg, rgba(30, 64, 175, 0.9) 0%, rgba(29, 78, 216, 0.8) 50%, rgba(37, 99, 235, 0.9) 100%);
    --card-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
    --glass-gradient: linear-gradient(135deg, rgba(30, 64, 175, 0.22) 0%, rgba(29, 78, 216, 0.12) 100%);
    --vibrant-gradient: linear-gradient(45deg, #1E40AF, #1D4ED8, #2563EB, #3730A3);
    --pulse-gradient: linear-gradient(45deg, #1E40AF, #1D4ED8, #2563EB);
    
    /* Shadow Colors - Dark Blue Glow Effects */
    --shadow-sm: 0 2px 4px rgba(10, 14, 26, 0.4);
    --shadow-md: 0 4px 8px rgba(10, 14, 26, 0.5);
    --shadow-lg: 0 8px 16px rgba(10, 14, 26, 0.6);
    --shadow-glow: 0 0 20px rgba(30, 64, 175, 0.5);
    --shadow-glass: 0 8px 32px rgba(10, 14, 26, 0.5);
    --shadow-vibrant: 0 0 30px rgba(29, 78, 216, 0.6);
    
    /* Selection */
    --selection-bg: rgba(30, 64, 175, 0.4);
    --selection-text: rgba(255, 255, 255, 0.95);
    
    /* Transparency Levels - Purple Glass Effect */
    --white-10: rgba(255, 255, 255, 0.1);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-30: rgba(255, 255, 255, 0.3);
    --white-50: rgba(255, 255, 255, 0.5);
    --white-80: rgba(255, 255, 255, 0.8);
    
    --black-10: rgba(10, 14, 26, 0.1);
    --black-20: rgba(10, 14, 26, 0.2);
    --black-30: rgba(10, 14, 26, 0.3);
    --black-50: rgba(10, 14, 26, 0.5);
    --black-80: rgba(10, 14, 26, 0.8);
    
    /* Glass Morphism Variables - Dark Blue Theme */
    --glass-bg: rgba(30, 64, 175, 0.15);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-backdrop: blur(25px);
    --glass-shadow: 0 8px 32px rgba(10, 14, 26, 0.5);
}