/* =========================================================
   PALETTE DE COULEURS - ELISA CONSULT
   ⚠️ Ce fichier est le SEUL à modifier pour changer le thème

   Basé sur la palette officielle :
   #16527a · #4f87a3 · #7fa706 · #8dc157 · #edf1f4 · #333333

========================================================= */

:root{

    /* =====================================================
       COULEUR PRIMAIRE — Bleu (identité, boutons, header)
    ===================================================== */
    --primary-color:#16527a;        /* couleur de base */
    --primary-dark:#0a3550;         /* plus profond et dramatique (hover actif, ombres) */
    --primary-light:#4f87a3;        /* version plus claire (hover, accents) */
    --primary-soft:#dceaf1;         /* fond subtil, légèrement plus saturé */

    /* =====================================================
       COULEUR ACCENT — Vert (dynamisme, succès, CTA secondaire)
    ===================================================== */
    --accent-color:#7fa706;         /* vert principal */
    --accent-light:#8dc157;         /* vert clair (hover, dégradés) */
    --accent-dark:#52690a;          /* vert profond, plus de caractère */
    --accent-soft:#e6f3d4;          /* vert très clair, plus vivant */

    /* =====================================================
       COULEURS NEUTRES — Texte, fonds, structure
    ===================================================== */
    --secondary-color:#2b2b2b;
    --text-color:#ffffff;
    --text-muted:#5d6b75;           /* gris-bleu, plus raccord avec la palette */
    --background-color:#edf1f4;
    --surface-color:#ffffff;

    /* =====================================================
       COULEURS UI NEUTRES — inputs, loader, bordures fines
       (ajoutées pour que theme.css n'ait plus AUCUN hex en dur)
    ===================================================== */

    --border-loader:#d8e2ea;        /* bordure du spinner de chargement */
    --border-input:#dfe6ec;         /* bordure des floating-input */
    --input-bg:#fafcfd;             /* fond des floating-input */
    --label-muted:#8a96a3;          /* texte des floating-label */
    --icon-muted:#9aa7b5;           /* icônes input / password-toggle */
    --checkbox-border:#c5d0da;      /* bordure des checkbox custom */

    /* =====================================================
       FOOTER
    ===================================================== */
    --footer-bg:#23bc5cc8;            /* plus profond, plus élégant */
    --footer-text:#ffffff;
    --footer-green:#7fa706;
    --footer-green-light:#8dc157;
    --page-title-color:#16527a;

    /* =====================================================
       BOUTONS
    ===================================================== */
    --button-color:#16527a;
    --success-color:#198754;
    --danger-color:#dc3545;
    --warning-color:#ffc107;
    --dark-color:#343a40;
    --table-header-border:#454d55;
    --table-filter-bg:#495057;
    --table-filter-border:#6c757d;
    --text-dark:#212529;
    --text-shadow-color:rgba(0,0,0,0.08);

    /* =====================================================
       DÉGRADÉS PRÊTS À L'EMPLOI
       (réutilisables partout via var(--gradient-xxx))
    ===================================================== */
    --gradient-primary: linear-gradient(135deg, #0a3550, #16527a 55%, #4f87a3);
    --gradient-accent: linear-gradient(135deg, #52690a, #7fa706 55%, #8dc157);
    --gradient-hero: linear-gradient(120deg, #0a3550 0%, #16527a 38%, #4f87a3 68%, #7fa706 100%);
    --gradient-dark: linear-gradient(160deg, #181818, #2b2b2b 60%, #16527a 140%);
    --gradient-footer-bar: linear-gradient(90deg, #52690a, #7fa706, #8dc157);

    /* =====================================================
       OMBRES TEINTÉES
    ===================================================== */
    --shadow-primary: 0 10px 28px rgba(10,53,80,0.32);
    --shadow-primary-hover: 0 16px 38px rgba(10,53,80,0.45);
    --shadow-accent: 0 10px 26px rgba(82,105,10,0.40);
    --shadow-soft: 0 8px 24px rgba(22,82,122,0.12);
    --shadow-strong: 0 22px 50px rgba(10,53,80,0.30);

    /* =====================================================
       RADIUS POUR LES ÉLÉMENTS
    ===================================================== */
    --radius-lg: 18px;
    --radius-md: 12px;

    /* =====================================================
       COULEURS SYSTÈME — Blancs, noirs et valeurs RGBA
       (pour que theme.css n'ait absolument aucun hex en dur)
    ===================================================== */
    --white: #ffffff;
    --transparent: transparent;
    --navbar-bg-gradient: linear-gradient(120deg, #0b3a2a, #7fa706);
    --navbar-shadow: rgba(43, 124, 70, 0.3);
    --navbar-scrolled-shadow: rgba(0,0,0,0.4);

    /* =====================================================
       CARTES ET SURFACES
    ===================================================== */
    --card-bg: rgba(241, 249, 243, 0.85);

    /* =====================================================
       BOUTONS ET EFFETS
    ===================================================== */
    --button-shine: rgba(255,255,255,0.35);
    --button-spinner-border: rgba(255,255,255,0.4);
    --button-spinner-top: #ffffff;

    /* =====================================================
       FOOTER
    ===================================================== */
    --footer-shadow-lg: rgba(0,0,0,0.35);
    --footer-icon-border: rgba(255,255,255,0.35);  /* alignée sur le rendu réel final de theme.css */
    --footer-link-text: #ffffff;
    --tooltip-text: #ffffff;
    --tooltip-shadow: rgba(0,0,0,0.25);

    /* =====================================================
       ALERT MESSAGE RECHERCHE
    ===================================================== */
    --alert-info-bg: var(--primary-soft);
    --alert-border: rgba(22,82,122,0.28);   /* teinte du bleu primaire, adoucie */
    --alert-info-text: var(--primary-color);
    --alert-info-shadow: rgba(22,82,122,0.15);

    /* =====================================================
       SCROLL TO TOP BUTTON
    ===================================================== */
    --scrolltop-text: #ffffff;

    /* =====================================================
       BOUTON SPEAKER (text-to-speech)
    ===================================================== */
    --btn-speak-color: var(--primary-color);
    --btn-speak-hover-bg: var(--primary-soft);

}