/* ==========================================
   KKG STYLE LIGHT VARIABLES COULEURS & RESET
   ========================================== */

:root {
    /* --- Fonds --- */
    --bg-primary: #f8fafc;       /* Gris très clair propre */
    --bg-secondary: #ffffff;     /* Blanc pur */
    --bg-header: #ffffff;
    --bg-input: #f1f5f9;         /* Léger gris pour les inputs */
    --bg-card: #ffffff;
    --bg-list-footer: color-mix(in srgb, var(--bg-secondary) 95%, transparent);
    --bg-modal-overlay: rgba(0, 0, 0, 0.4); /* Moins opaque en mode clair */

    /* --- Bordures & séparateurs --- */
    --border-color: #e2e8f0;     /* Bordure claire mais visible */

    /* --- Couleurs thématiques --- */
    --accent: #2563eb;           /* Bleu légèrement plus soutenu pour le contraste sur fond blanc */
    --couleur-danger: #dc2626;
    --couleur-success: #16a34a;
    --couleur-warning: #d97706;   /* Échéance proche (dashboard) */
    --couleur-neutre: #2563eb;

    /* --- Textes --- */
    --text-primary: #1e293b;     /* Ardoise foncé (plus doux que #000) */
    --text-secondary: #64748b;   /* Gris de lecture */
    --text-white: #ffffff;     /* Blanc */
    --text-success: #16a34a;     /* Vert */

    /* --- Overlays (noir sur fond clair) --- */
    --overlay-hover-nav: rgba(0, 0, 0, 0.04);
    --overlay-hover-row: rgba(0, 0, 0, 0.015);
    --overlay-th-bg:    rgba(0, 0, 0, 0.02);
    --overlay-separator: rgba(0, 0, 0, 0.04);
    --overlay-autocomplete-sep: rgba(0, 0, 0, 0.04);

    /* --- Ombres (Plus douces en mode clair) --- */
    --shadow-dropdown: 0 10px 25px rgba(15, 23, 42, 0.08);
    --shadow-card:     0 2px 10px rgba(15, 23, 42, 0.05);
    --shadow-modal:    0 15px 35px rgba(15, 23, 42, 0.12);
    --shadow-autocomplete: 0 4px 10px rgba(15, 23, 42, 0.06);

    /* --- Onglets --- */
    --bg-tabs-header: #f1f5f9;
    --tabs-border: #e2e8f0;
    --tab-text-inactive: #64748b;
    --tab-hover-bg: rgba(0, 0, 0, 0.03);
    --tab-active-bg: #ffffff;
    --tab-active-border: #2563eb;

    /* --- Dimensions --- */
    --header-height: 55px;
    --footer-height: 30px;
}