/* =============================================================================
   Jetons de conception - SGDOME / MESRS Bénin
   =============================================================================

   Référentiel unique des valeurs visuelles de la plateforme. Toute nouvelle
   vue puise ici : aucune couleur écrite en dur.

   Identité : SGDOME partage la palette de SIGE Pilotage, l'autre plateforme
   du Ministère. Les mêmes agents utilisent les deux ; une famille visuelle
   commune leur dit qu'ils sont chez la même institution.

   Règle de sens : la marque est BLEUE, le succès est VERT. SGDOME est une
   application de circuit de validation, ses écrans sont remplis de statuts
   « validé », « signé », « rejeté ». Si la marque était verte, un badge
   « validé » ne se distinguerait plus de la décoration. Le vert est donc
   réservé à ce qui est approuvé - y compris le sceau de vérification.
   ========================================================================== */

:root {

    /* --- Marque (palette SIGE Pilotage) --------------------------------- */

    --marque:         #1F4A7C;   /* bleu institutionnel : aplats, liens      */
    --marque-sombre:  #12294B;   /* action principale, survols               */
    --marque-moyen:   #2E6199;   /* survol des liens                         */
    --marque-voile:   #E8EEF5;   /* fond d'un élément sélectionné            */
    --or:             #D9A441;   /* filets et accents - jamais en texte clair */

    /* --- Drapeau : bandes et filets uniquement, jamais en aplat --------- */

    --drapeau-vert:   #008751;
    --drapeau-jaune:  #FCD116;
    --drapeau-rouge:  #E8112D;

    /* --- Neutres, légèrement bleutés pour s'accorder à la marque ------- */

    --encre:          #1D2330;   /* texte principal                          */
    --encre-attenue:  #5B6475;   /* texte secondaire, légendes               */
    --encre-faible:   #8A92A3;   /* texte désactivé, indications             */
    --papier:         #F1F3F6;   /* fond de page                             */
    --surface:        #FFFFFF;   /* cartes, champs, tableaux                 */
    --surface-douce:  #E9EDF2;   /* zones en retrait                         */
    --trait:          #D8DEE6;   /* filets, bordures                         */
    --trait-marque:   #B8C2CF;   /* bordures accentuées, champs au repos     */

    /* --- Couleurs de sens ----------------------------------------------- */

    --etat-succes:    #1E7A46;   /* validé, signé, vérifié                   */
    --etat-succes-voile: #E7F3EC;
    --etat-attente:   #8A5200;   /* en attente, à traiter                    */
    --etat-attente-voile: #FBF1E0;
    --etat-erreur:    #B42318;   /* rejeté, erreur de saisie                 */
    --etat-erreur-voile: #FCEBEA;
    --etat-info:      #0F5E8C;   /* information neutre                       */
    --etat-info-voile: #E6F1F8;
    --etat-neutre:    #5B6475;

    /* --- Alias historiques ---------------------------------------------- */
    /* Conservés pour les feuilles écrites avant le passage au bleu. Le
       « vert MESRS » désigne désormais le vert de succès : c'est lui que
       porte le sceau de la page de vérification. */

    --mesrs-vert:        var(--etat-succes);
    --mesrs-vert-clair:  var(--drapeau-vert);
    --mesrs-vert-sombre: #145C34;
    --mesrs-or:          var(--or);
    --mesrs-rouge:       var(--etat-erreur);

    /* --- Typographie ---------------------------------------------------- */

    --police-sans:  Inter, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --police-serif: Georgia, 'Times New Roman', 'Liberation Serif', serif;

    --texte-xs:  0.75rem;
    --texte-sm:  0.875rem;
    --texte-md:  1rem;
    --texte-lg:  1.125rem;
    --texte-xl:  1.5rem;
    --texte-2xl: 2rem;

    /* --- Rythme ---------------------------------------------------------- */

    --pas-1: 0.25rem;
    --pas-2: 0.5rem;
    --pas-3: 0.75rem;
    --pas-4: 1rem;
    --pas-5: 1.5rem;
    --pas-6: 2rem;
    --pas-7: 3rem;

    /* --- Formes ---------------------------------------------------------- */

    --rayon-sm: 6px;
    --rayon-md: 10px;

    /* Une seule ombre, réservée à ce qui se détache réellement du plan
       (menus, modales). Une ombre sur chaque bloc aplatit la hiérarchie. */
    --ombre-flottante: 0 8px 28px rgba(18, 41, 75, 0.14);

    /* Anneau de focus clavier : visible sur fond clair comme sur la marque */
    --anneau-focus: 0 0 0 3px rgba(46, 97, 153, 0.35);
}