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

:root {
    /* Primary Colors */
    --color-primary: #2563EB;
    --color-primary-dark: #1D4ED8;
    --color-primary-light: #3B82F6;
    
    /* Secondary Colors */
    --color-secondary: #00BCD4;
    --color-secondary-dark: #0097A7;
    --color-secondary-light: #26C6DA;
    
    /* Dark Theme */
    --color-bg-primary: #0A0A0A;
    --color-bg-secondary: #141414;
    --color-bg-card: #1A1A1A;
    --color-bg-card-hover: #222222;
    
    /* Text Colors */
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #B0B0B0;
    --color-text-muted: #6B6B6B;
    
    /* Border Colors */
    --color-border: #2A2A2A;
    --color-border-light: #3A3A3A;
    
    /* Status Colors */
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    --color-info: #3B82F6;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}