/* ============================================================
   Palette — partagée par la boutique ET le portail admin.

   Ce fichier existe pour une raison précise : l'admin ne charge
   PAS main.css. Tant que la palette vivait dans main.css, retirer
   son duplicata d'admin.css rendait toutes les variables du
   portail indéfinies — plus de bordures, plus de fonds, plus de
   couleurs. Bogue introduit le 6 septembre 2026, invisible aux
   codes HTTP et attrapé à l'oeil.

   Les deux gabarits chargent CE fichier en premier. Une seule
   définition, aucun duplicata à garder d'accord.
   ============================================================ */

:root {
    /* ────────────────────────────────────────────────────────
       Palette — à adapter chez chaque client.

       Les jetons portent un RÔLE, jamais une teinte : `--action`
       et non `--action`. Changer de palette devient alors le
       remplacement de ces valeurs, sans toucher au reste du CSS
       ni relire ce que chaque couleur voulait dire.

       Cinq couleurs de marque, plus des neutres dérivés : une
       palette ne fournit jamais son fond clair ni son noir de
       texte, et les inventer au fil des règles produit sept gris
       légèrement différents.

       Chaque valeur est vérifiée au contraste WCAG AA (4,5:1
       pour le petit texte, 3:1 pour les bordures de champ). Les
       ratios sont notés là où ils décident du choix.
       ──────────────────────────────────────────────────────── */

    /* Fonds */
    --fond:          #f8f9fb;
    --fond-2:        #edf0f5;   /* surface surélevée : cartes, lignes survolées */
    --fond-3:        #dce2eb;   /* surface marquée : entêtes de tableau */

    /* Texte */
    --encre:         #1f1420;   /* 16,9:1 sur --fond */
    --encre-forte:   #160f18;   /* titres */
    --encre-2:       #3a2c40;   /* 12,4:1 */
    --encre-douce:   #5e5266;   /* 6,9:1 — le plus clair encore lisible en petit */

    /* Traits — deux, et la distinction compte : un filet décoratif
       peut être discret, la bordure d'un champ de saisie doit
       atteindre 3:1 sinon le champ est invisible pour certains yeux. */
    --bordure:       #c7d1df;   /* séparateurs et contours de cartes — 1,46:1 */
    --bordure-forte: #7c8a9c;   /* 3,3:1 — contour des champs */

    /* Marque — action */
    --action:        #6a4a8a;   /* 6,7:1 sur --fond, 7,1:1 sous du blanc */
    --action-vif:    #745296;   /* (palette) survol, grandes surfaces */
    --action-sombre: #632a50;   /* (palette) 10,1:1 — entête, pied de page */

    /* Marque — accent. Le lime est trop lumineux pour porter du
       texte blanc (1,4:1) : il ne sert JAMAIS de fond à du blanc.
       Il travaille en sens inverse — fond vif, texte --encre. */
    --accent:        #c2e812;   /* (palette) 12,6:1 sous --encre */
    --accent-clair:  #d8f25e;
    --accent-pale:   #f2fbcf;   /* fonds d'information */
    --accent-fonce:  #5f7a0c;   /* 4,7:1 — la version qui peut porter du texte */

    /* Neutre de la palette. Surfaces et pictogrammes seulement :
       à 2,6:1 sur le fond, il ne peut pas porter de petit texte. */
    --neutre:        #8b9eb7;   /* (palette) fonds, bordures, pictogrammes
                                   UNIQUEMENT : 2,6:1, ne peut pas
                                   porter de texte. */
    --blanc:         #ffffff;

    /* Sémantique */
    --succes:        #1f7a4d;   /* 5,1:1 */
    --succes-pale:   #91f5ad;   /* (palette) fonds de confirmation */
    --succes-encre:  #17583a;

    /* Le rouge n'est PAS dans la palette, et c'est délibéré. Il est
       réservé aux actions irréversibles — supprimer, annuler une
       commande. Le violet sert déjà aux boutons ordinaires : lui
       confier aussi le danger effacerait la distinction au moment
       où elle compte le plus. */
    --danger:        #b3261e;   /* 6,2:1 */
    --danger-pale:   #fbeae9;
    --danger-encre:  #8c1c16;

    --promo:         #632a50;

    /* Canaux séparés : rgba() ne sait pas lire une variable
       hexadécimale, et les voiles translucides en ont besoin. */
    --fond-rgb:      248, 249, 251;
    --encre-rgb:     31, 20, 32;
    --action-rgb:    106, 74, 138;
}