/* date reviewed: 2025-11-07 */
/* score: 9.0 */
/* To-Do: [Excellent] comprehensive CSS variables (colors, spacing, typography, shadows, z-index); [Enhancement] add dark mode variables, motion preferences; [Organization] well-structured with categories; [Maintenance] 97 lines, centralized theming; [Testing] verify no unused variables. */

/* ====================================
   CENTRALIZED CSS CUSTOM PROPERTIES
   Universal Theming System
   ==================================== */

:root {
    /* Primary Brand Colors */
    --blue-de-france: #0D85D8;
    --primary-blue: #0D85D8;
    --primary-blue-dark: #0B6DB0;
    --primary-blue-darker: #0a6bb8;
    --primary-blue-light: rgba(13, 133, 216, 0.1);
    
    /* Secondary Colors */
    --aerospace-orange: #FF4E00;
    --warning-orange: #F59E0B;
    --danger-red: #EF4444;
    --danger-red-dark: #dc3545;
    --danger-red-darker: #c82333;
    --danger-red-darkest: #bd2130;
    --success-green: #10B981;
    --purple: #8B5CF6;
    --purple-dark: #5a32a3;
    
    /* Neutral Colors */
    --eerie-black: #1C1C1C;
    --grey-dark: #1C1C1C;
    --grey-darker: #1a1a1a;
    --grey-medium: #4F5B67;
    --grey-medium-alt: #2c2c2c;
    --davys-grey: #4C4C4B;
    --grey-light: #9CA3AF;
    --outer-space: #ABADA9;
    --grey-lighter: #E8EDF2;
    --seasalt: #EEF0F2;
    --platinum: #DADDD8;
    --cultured: #F3F3F2;
    --silver: #CBCCCD;
    --grey-lightest: #F8F9FA;
    --ghost-white: #FAFAFF;
    --white: #FFFFFF;
    
    /* Alert Colors */
    --alert-warning-bg: #fff3cd;
    --alert-warning-border: #ffc107;
    --alert-warning-text: #856404;
    --alert-warning-text-dark: #664d03;
    --alert-error-bg: #ffebee;
    --alert-success-bg: #e8f5e9;
    
    /* Accent Colors */
    --accent-red: #ff6b6b;
    --accent-orange: #e8590c;
    --accent-orange-dark: #d44d0a;
    --accent-orange-alt: #fd7e14;
    --accent-red-alt: #f44336;
    --accent-grey: #a0a0a0;
    
    /* White Opacity Variants */
    --white-0: rgba(255, 255, 255, 0);
    --white-5: rgba(255, 255, 255, 0.05);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-25: rgba(255, 255, 255, 0.25);
    --white-30: rgba(255, 255, 255, 0.3);
    --white-45: rgba(255, 255, 255, 0.45);
    --white-55: rgba(255, 255, 255, 0.55);
    --white-65: rgba(255, 255, 255, 0.65);
    --white-75: rgba(255, 255, 255, 0.75);
    --white-85: rgba(255, 255, 255, 0.85);
    --white-98: rgba(255, 255, 255, 0.98);
    --white-100: rgba(255, 255, 255, 1);
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    
    /* Border Radius */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    
    /* Spacing (avoid duplication) */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
}