/* Explain: CSS variables for theme colors, fonts, and shadows. */
:root {
    --primary-blue: #0866FF;
    --primary-hover: #0655d4;
    --navy-blue: #0A3A60;
    --navy-hover: #062640;
    --light-blue: #EEF6FB;
    
    --background-color: #FFFFFF;
    --surface-color: #F8FAFC;
    --footer-bg: #0A3A60;
    
    --text-color: #333333;
    --text-muted: #4B5563;
    
    --border-color: #E5E7EB;
    --glass-border: rgba(255, 255, 255, 0.2);
    --field-bg: #FFFFFF;
    
    --shadow-soft: 0 10px 40px rgba(12, 60, 96, 0.08);
    --shadow-button: 0 4px 14px rgba(10, 88, 202, 0.3);
    
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Montserrat', sans-serif;
    --font-logo: 'Montserrat', sans-serif;
}