/* ============================================================
   VARIABLES — charte graphique SMART Consultant
   Seul fichier à modifier pour changer couleurs, typo ou rayons.
   ============================================================ */

:root {
            /* Les cinq couleurs viennent de la plateforme de marque
               (docs/SMART_Stylescape.pdf, planche des codes).

               ⚠️ ELLES NE CORRESPONDENT PAS À docs/SMART_charte graphique.pdf,
               ET C'EST VOULU. La charte, page 8, donne un marine #282757
               (RVB 40 39 87) et un bleu #657fb2 (RVB 101 128 178). Les valeurs
               ci-dessous s'en écartent de 21 points de rouge sur le marine et
               de 15 sur le bleu, ce qui se voit côte à côte.

               Vérifié le 22/08/2026 en ouvrant le PDF, puis arbitré par Noam :
               ce sont CES valeurs-ci qui font foi, la charte étant antérieure à
               la source du 21/08. Ne pas « rétablir » les valeurs du PDF en
               croyant corriger une erreur — c'est le piège que ce commentaire
               existe pour désamorcer, l'ancienne version affirmant l'inverse.

               Le contraste ne départage pas les deux : blanc sur #282757 donne
               13,83 et sur #131f56 15,46, tous deux très au-dessus de 4,5. */
            --primary: #131f56;
            /* Dérivé du marine, PAS une couleur de la charte : il ne sert qu'au
               survol du bouton d'en-tête et à un dégradé. Recalculé en même
               temps que sa couleur mère — le garder à #1a1940 aurait ramené
               l'écart de survol de 1,21 à 1,08, c'est-à-dire à rien. */
            --primary-dark: #0c143f;
            --accent: #cee756;
            /* Même raison : dérivé du citron, recalculé avec le même facteur
               par canal. L'écart de survol reste à 1,23, comme avant. */
            /* Dérivé du citron, réservé aux SURVOLS de bouton — jamais à
               une couleur d'icône ou de texte : sur fond clair il tombe à 1,58
               de contraste, très au-dessous du seuil de 3,0. Trois icônes s'en
               servaient ; elles sont passées au marine le 21/08/2026. */
            --accent-dark: #bad147;
            --secondary: #5680b2;
            /* Dérivé du bleu, PAS une couleur de la charte. Il ne sert qu'aux
               fonds qui portent du texte blanc. Mesuré au navigateur le
               22/08/2026 : blanc sur #5680b2 tombe à 4,10 de contraste, sous le
               seuil de 4,5 — cinq éléments de la carte « Formation &
               sensibilisation » échouaient à l'audit. 20 % vers le marine
               remontent à 5,28 sans que le bleu cesse d'être reconnaissable. */
            --secondary-fonce: #496da0;
            /* Cinquième couleur de la charte (CMJN 33 5 5 0). Elle porte la
               déclinaison du logo sur fond clair : emblème marine sur bleu.
               Seule valeur qui était déjà exacte. */
            --sky: #bfd5e8;
            /* Assombri de #67768e : sur le crème de la charte, l'ancienne
               valeur tombait à 3,98 de contraste, sous le seuil de 4,5.
               Elle y était déjà limite sur le gris précédent (4,21). */
            --muted: #5f6d83;
            --lavender: #f9f6fe;
            --cream: #f2f1e1;
            --gray-50: #F2F5F7;
            /* États de formulaire. Reprises de l'intranet (css/intranet.css),
               où elles sont documentées comme tenant 4,5 de contraste. */
            --danger-champ: #ad4d39;
            --ok-champ: #2f7c50;
            --white: #ffffff;
            --black: #000000;

            --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 16px;
            --radius-pill: 999px;

            --shadow-sm: 0 1px 3px rgba(19, 31, 86, 0.06), 0 1px 2px rgba(19, 31, 86, 0.04);
            --shadow-md: 0 4px 16px rgba(19, 31, 86, 0.08), 0 2px 4px rgba(19, 31, 86, 0.04);
            --shadow-lg: 0 24px 48px rgba(19, 31, 86, 0.12), 0 8px 16px rgba(19, 31, 86, 0.06);

            --container: 1200px;
            --section-py: clamp(64px, 8vw, 120px);
        }