:root {
    /*
    --primary-color: #2A4764;     
    --secondary-color: #0E7BA7;   
    --text-primary: #0E7BA7;      
    --text-secondary: #5A7A8C;    
    --background: #F9FAFB;        
    --card-bg: #FFFFFF;           
    */
    --border-radius: 16px;
    --shadow-sm: 0 2px 4px rgba(10, 39, 68, 0.05);
    --shadow-md: 0 4px 6px rgba(10, 39, 68, 0.1);
    --shadow-lg: 0 10px 15px rgba(10, 39, 68, 0.1);
    --gradient: linear-gradient(135deg, #154a7d 0%, #2387ae 100%); 
}

/*
:root {
    --blue-primary: #2A4764;      
    --blue-secondary: #0E7BA7;    
    --blue-hover: #1390C0;        
    --blue-dark: rgba(10, 39, 68, 0.1);  
    --blue-light: rgba(255, 255, 255, 0.9);
}*/

ul.top-nav > li.primary-action > a.btn:hover {
    color: var(--text-secondary) !important;
}