/* css/variables.css */
:root {
    /* COULEURS */
    --primary-color: #00B4D8; 
    --primary-gradient: linear-gradient(135deg, #00B4D8 0%, #0077b6 100%);
    --primary-dark: #0077b6;
    
    /* Dégradé spécial pour les TEXTES (Titres) */
    --text-gradient: linear-gradient(to right, #00B4D8, #48cae4, #ffffff);
    
    --accent-color: #ffb703;
    
    --dark-color: #0f172a; 
    --text-color: #334155; 
    --white: #ffffff;
    
    --header-height: 95px;
    
    /* Ombres */
    --shadow-card: 0 20px 50px -10px rgba(0, 0, 0, 0.5);
    --shadow-hover: 0 25px 60px -15px rgba(0, 180, 216, 0.4);
    
    --border-radius: 24px;
    --transition-speed: 0.3s;
}