/* Globalpaie — Jetons de conception (« Téranga claire »).
   PLAN_BUILD_UI_V1 §3.1 — SEUL fichier du projet autorisé à contenir des hex.
   Toute autre feuille de style consomme ces variables. */

:root {
    /* ---- Encre & neutres ---- */
    --encre:   #13252E;   /* texte principal */
    --encre-2: #33454E;   /* texte secondaire */
    --muet:    #5E6E75;   /* légendes, aides */
    --muet-2:  #8FA0A6;   /* placeholders, désactivé */
    --ligne:   #E3EAEC;   /* bordures */
    --ligne-2: #EFF3F4;   /* séparateurs doux */
    --fond:    #F7F9FA;   /* fond de page */
    --fond-2:  #EEF3F4;   /* fonds de zone */
    --carte:   #FFFFFF;

    /* ---- Marque ---- */
    --primaire:       #0E7490;   /* bleu-sarcelle profond : confiance, fraîcheur */
    --primaire-fonce: #0B5C73;   /* survol */
    --primaire-doux:  #E3F1F5;   /* fonds actifs, chips */
    --accent:         #E8890C;   /* mangue : CTA secondaires, points chauds */
    --accent-doux:    #FDF0DD;

    /* ---- Sémantique ---- */
    --succes: #1B7F4D;  --succes-doux: #E1F3E8;
    --alerte: #B45309;  --alerte-doux: #FBEEDC;
    --danger: #B3261E;  --danger-doux: #F9E3E1;
    --info:   #2563EB;  --info-doux:   #E4ECFB;

    /* ---- Ombres, rayons, gabarit ---- */
    --ombre-1:   0 1px 2px rgba(19, 37, 46, .06);
    --ombre-2:   0 4px 12px rgba(19, 37, 46, .08);
    --ombre-pop: 0 16px 40px rgba(19, 37, 46, .16);
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 24px;
    --sidebar-w: 256px;
    --topbar-h: 60px;

    /* ---- Typographie ---- */
    --font-ui:      "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-display: "Bricolage Grotesque", "Inter", sans-serif;
    --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

    /* ---- Teinte de repère par rôle (§3.3-7) ---- */
    --teinte: var(--primaire);

    /* ---- Mouvement (neutralisé par prefers-reduced-motion) ---- */
    --transition: 150ms ease;
}

/* Sur fond blanc, le texte de survol des liens reste lisible. */
:root {
    --lien:       var(--primaire);
    --lien-hover: var(--primaire-fonce);
}

/* §10.9 — respect strict de la préférence système. */
@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0ms;
    }

    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}