:root {
    
            --color-navy: #0B2447;     
            --color-gold: #D4AF37;       
            --color-gold-light: #F4E5BC; 
            --color-white: #FFFFFF;
            --color-bg: #F8F9FC;      
            --color-text-dark: #0B2447;
            
            --border-radius-lg: 24px;
            --border-radius-md: 16px;
            --border-radius-sm: 8px;

            --color-navy: #0B2447;
        --color-navy-deep: #051124;
        --color-gold: #D4AF37;
        --color-gold-gradient: linear-gradient(135deg, #F4E5BC 0%, #D4AF37 50%, #B8860B 100%);
        --color-white: #FFFFFF;
        --color-bg: #F0F2F5;
        --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
        --bg-deep: #051124;
            --text-white: #FFFFFF;
            --color-gold: #D4AF37;
            --ease-silk: cubic-bezier(0.25, 1, 0.5, 1);
                  --bg-color: #FAFAFA;       /* Off-white background for depth */
            --card-bg: #FFFFFF;        /* Pure white for cards */
            --text-navy: #0B2447;      /* The Brand Navy */
            --text-grey: #5F6368;      /* Soft grey for reading */
            --accent-gold: #D4AF37;    /* The Gold */
            
            --shadow-float: 0 20px 40px -5px rgba(11, 36, 71, 0.08);
            --border-light: 1px solid rgba(11, 36, 71, 0.08);
            --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);
        }