:root {
    /* Primary Colors */
    --primary-dark: #0A192F;
    --primary-main: #112240;
    --primary-light: #233554;
    
    /* Secondary Colors (Accents) */
    --accent-gold: #D4AF37;
    --accent-gold-hover: #B8960C;
    --accent-blue: #64FFDA;
    
    /* Text Colors */
    --text-white: #E6F1FF;
    --text-gray: #8892B0;
    --text-dark: #1F2937;
    --text-muted: #6B7280;
    
    /* Background Colors */
    --bg-white: #FFFFFF;
    --bg-light: #F8FAFC;
    --bg-dark: #0A192F;
    --bg-footer: #020C1B;
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #0A192F 0%, #112240 100%);
    --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F1D279 100%);
    
    /* Spacing & Sizes */
    --container-width: 1200px;
    --header-height: 80px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --touch-target-min: 48px;
    --input-font-size-mobile: 16px;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
}