/**
* Path: css/mode_clair.css
* CSS pour définir les variables du mode clair
* HARMONISÉ avec _variables.css
*/

body {
    /* ========================================
       COULEURS DE FOND
       ======================================== */
    --bg-color: white;
    --bg-fond-color: #f6f8fc;
    --bg: #f6f8fc;
    --surface: #ffffff;
    --bg-description-color: #F8FCFF;
    --bg-color-hover: #d0e1e6;
    
    /* ========================================
       COULEURS PRINCIPALES
       ======================================== */
    --main-color: #2957FF;
    --accent: #10c2a6;
    
    /* ========================================
       NAVIGATION
       ======================================== */
    --nav-text-color: #2957FF;
    --logo-letter-color: #2957FF;
    --nav-bg-hover: lightgray;
    --nav-user-color: #d0cfcf;
    --nav-user-color-hover: #d0e1e6;
    
    /* ========================================
       COULEURS DE TEXTE
       ======================================== */
    --text-color-main: black;
    --ink: #0f172a;
    --text-color-primary: #2957FF;
    --text-color-primary-hover: rgb(114, 211, 235);
    --text-color-secondary: white;
    --text-color-menu-active: #2957FF;
    --muted: #5b6b80;
    
    /* ========================================
       TITRES
       ======================================== */
    --main-color-hover: #35606c;
    --main-title-color: #2957FF;
    --text-title-color: gray;
    
    /* ========================================
       LIENS
       ======================================== */
    --link-color-main: #2957FF;
    --link-color-hover: #63b2c6;
    
    /* ========================================
       CARTES
       ======================================== */
    --card-bg-color: #F8FCFF;
    --card-border-color: #2957FF;
    --card-main-color-hover: #29b1ff;
    --card-shadow: 0 0 5px rgba(0,0,0,0.2);
    --card-hover-bg-color: #F0F5F9;
    
    /* ========================================
       BORDURES ET LIGNES
       ======================================== */
    --border-color: #d1d7e0;
    --line: #e6ebf3;
    --stroke: #d1dff6;
    
    /* ========================================
       LABELS ET AUTRES
       ======================================== */
    --label-color: #2957FF;
    --first-choice: #BC8034;
    --second-choice: #efc58e;
    --second-color: white;
    --favoris-color: rgb(255, 190, 0);
    --date-color: gray;
    
    /* ========================================
       BOUTONS
       ======================================== */
    --bouton-color: #2957FF;
    --bouton-color-hover: #63b2c6;
    
    /* ========================================
       ÉTATS : DANGER
       ======================================== */
    --danger-color: rgb(176, 2, 2);
    --danger-color-text: #721c24;
    --danger-color-border: #f5c6cb;
    --danger-color-pastel: #ff8a8a;
    --danger-color-hover: rgb(255, 50, 50);
    --danger-bg-color: #f8d7da;
    --danger-border-color-hover: #dc3545;
    --danger-highlighted: #f55f6e;
    
    /* ========================================
       ÉTATS : SUCCESS
       ======================================== */
    --success-color: #0d3617;
    --success-bg-color: #d4edda;
    --success-border-color: #a7f3d0;
    --success-highlighted: #00b300;
    
    /* ========================================
       ÉTATS : WARNING
       ======================================== */
    --alerte-color: #FFA500;
    --warning-color: #856404;
    --warning-bg-color: #fff3cd;
    --warning-border-color: #ffc107;
    --warning-highlighted: #ff9800;
    
    /* ========================================
       ÉTATS : INFO
       ======================================== */
    --info-color: #0c5460;
    --info-bg-color: #d1ecf1;
    --info-border-color: #bee5eb;
    --info-highlighted: #2086bc;
    
    /* ========================================
       IGH (Installations Grandes Hauteurs)
       ======================================== */
    --igh-color: #9b2b35;
    --igh-bg-color: #e3939a;
}