/* Variables CSS globales pour le thème bleu sombre */
/* Ce fichier contient toutes les couleurs exactes utilisées dans le projet */

:root {
    /* Couleurs principales - Thème bleu sombre */
    --primary-color: #1e3a8a;      /* Bleu sombre principal */
    --secondary-color: #3b82f6;    /* Bleu secondaire */
    --accent-color: #60a5fa;       /* Bleu clair pour accents */
    
    /* Couleurs de fond et structure */
    --dark-color: #1e3a8a;
    --light-color: #f8fafc;        /* Fond clair bleu très pâle */
    --card-bg: #fff;               /* Fond des cartes */
    --wave-color: #1e3a8a;         /* Couleur des vagues */
    
    /* Couleurs de texte */
    --text-color: #333;            /* Texte principal */
    --text-muted: #7f8c8d;         /* Texte secondaire */
    
    /* Couleurs d'état */
    --success-color: #27ae60;      /* Vert pour succès */
    --error-color: #e74c3c;        /* Rouge pour erreurs */
    --warning-color: #f39c12;      /* Orange pour avertissements */
    --info-color: #3498db;         /* Bleu pour informations */
    
    /* Couleurs de fond pour messages */
    --success-bg: #d4edda;
    --success-border: #c3e6cb;
    --success-text: #155724;
    
    --error-bg: #f8d7da;
    --error-border: #f5c6cb;
    --error-text: #721c24;
    
    /* Effets et ombres */
    --card-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    --primary-shadow: 0 8px 25px rgba(30, 58, 138, 0.3);
    --primary-shadow-hover: 0 12px 35px rgba(30, 58, 138, 0.4);
    
    /* Bordures et rayons */
    --border-radius: 12px;
    --border-radius-small: 8px;
    --border-color: #e0e0e0;
    
    /* Boutons secondaires */
    --btn-secondary-bg: #95a5a6;
    --btn-secondary-hover: #7f8c8d;
    
    /* Couleurs de hover et interactions */
    --hover-bg-light: rgba(30, 58, 138, 0.05);
    --hover-bg-medium: rgba(30, 58, 138, 0.1);
    --hero-overlay: rgba(30, 58, 138, 0.05);
    
    /* Couleurs spécifiques */
    --white: #fff;
    --black: #000;
    --gray-light: #f8f9fa;
    --gray-medium: #6c757d;
    --gray-dark: #343a40;
}

/* Mode sombre */
:root[data-theme="dark"] {
    /* Couleurs principales adaptées pour le mode sombre */
    --primary-color: #3b82f6;      /* Bleu plus clair en mode sombre */
    --secondary-color: #60a5fa;    /* Bleu secondaire plus clair */
    --accent-color: #93c5fd;       /* Bleu très clair pour accents */
    
    /* Couleurs de fond et structure pour mode sombre */
    --dark-color: #1a1a1a;
    --light-color: #2a2a2a;        /* Fond sombre noir */
    --card-bg: #2a2a2a;            /* Cartes noires */
    --wave-color: #3b82f6;
    
    /* Couleurs de texte pour mode sombre */
    --text-color: #e0e0e0;
    --text-muted: #bdc3c7;
    
    /* Effets et ombres pour mode sombre */
    --card-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    --primary-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
    --primary-shadow-hover: 0 12px 30px rgba(59, 130, 246, 0.4);
    
    /* Bordures pour mode sombre */
    --border-color: #3b82f6;
    
    /* Couleurs de hover et interactions pour mode sombre */
    --hover-bg-light: rgba(59, 130, 246, 0.1);
    --hover-bg-medium: rgba(59, 130, 246, 0.15);
    --hero-overlay: rgba(59, 130, 246, 0.1);
}