/* ====== Identité NUIT : jetons communs au site et aux applications privées ======
   Chargé APRÈS les feuilles historiques (style.css, luxe.css, espace.css) et AVANT la feuille nuit du produit
   (nuit.css, nuit-espace.css et la feuille propre à chaque application). Seule identité : il n'y a plus de thème jour.
   Contrastes WCAG 2.x mesurés (voir AUDIT-13-11/visuel.md, partie c). L'or ne porte jamais un petit texte. */

/* Polices auto-hébergées, licence SIL OFL (assets/fonts/OFL-*.txt). Aucune requête vers un tiers (CSP : font-src 'self'). */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/fonts/CormorantGaramond-500-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/CormorantGaramond-500-italique.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Plus Jakarta Sans est un fichier variable : cette plage rend enfin le demi-gras (600) que fonts.css ne déclarait pas. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,:root[data-theme]{
  color-scheme:dark;

  /* Surfaces */
  --fond:#050A14;            /* fond de page */
  --nuit:#0A1730;            /* cartes, barres, feuilles */
  --nuit-2:#0F2040;          /* surface relevée, survol, talon */
  --nuit-3:#15294F;          /* piste de jauge, bulle « moi » */
  --voile:rgba(5,10,20,.76); /* uniquement sur image ou sous une feuille */

  /* Traits */
  --trait:#22355A;           /* filets décoratifs, séparateurs (ne portent aucune information) */
  --trait-fort:#6F84B0;      /* contour des boutons secondaires et des champs : 5,3:1 sur fond, 4,8:1 sur nuit */

  /* Texte */
  --creme:#F4EFE5;           /* texte principal : 17,3:1 sur fond, 15,6:1 sur nuit */
  --texte-2:#B7C0D1;         /* secondaire : 10,8:1 sur fond, 9,7:1 sur nuit */
  --texte-3:#93A0B8;         /* légendes, texte indicatif : 7,5:1 sur fond, 6,1:1 sur nuit-2 */

  /* Accent : un seul or. Jamais pour un petit texte secondaire. */
  --or:#D9A441;              /* fond du bouton principal, filets actifs, tracé */
  --or-clair:#F2C76E;        /* grands chiffres (22 px et plus), icônes actives, survol du bouton */
  --sur-or:#050A14;          /* texte posé sur l'or : 8,8:1 */

  /* États : toujours accompagnés d'un mot ou d'une icône, jamais la couleur seule */
  --ok:#86D3AC;              /* 10,1:1 sur nuit */
  --attention:#F5B36B;       /* 9,8:1 */
  --alerte:#F2A9A0;          /* 9,3:1 */
  --info:#9CC2FF;            /* 9,8:1 */
  --sur-alerte:#1B0503;      /* texte sur fond alerte plein : 10,2:1 */
  --inactif:#8793A8;         /* position ancienne, élément indisponible : 5,8:1 */
  --focus:#F2C76E;

  /* Typographie : Cormorant pour les titres éditoriaux (24 px et plus), Plus Jakarta Sans pour toute donnée */
  --f-titre:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --f-ui:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --t-affiche:clamp(40px,9.5vw,76px);   /* H1 de l'accueil */
  --t-titre:clamp(32px,4.2vw,52px);     /* H1 des pages, titre d'écran */
  --t-section:clamp(28px,3.2vw,40px);   /* H2 */
  --t-carte:25px;                       /* titre de carte, de feuille */
  --t-ui-l:20px; --t-corps-l:17px; --t-corps:15px; --t-petit:13.5px; --t-legende:12.5px; --t-surtitre:11.5px;
  --t-chiffre-l:44px; --t-chiffre-m:28px; --t-chiffre-s:22px;

  /* Espacements (base 4) */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:20px; --e-6:24px; --e-8:32px; --e-12:48px; --e-16:64px; --e-24:96px;
  --gouttiere:max(16px,env(safe-area-inset-left,0px));

  /* Rayons : cinq valeurs, pas une de plus */
  --r-1:6px;    /* étiquettes, focus */
  --r-2:12px;   /* champs, petits boutons, vignettes */
  --r-3:14px;   /* boutons, tuiles */
  --r-4:18px;   /* cartes */
  --r-5:22px;   /* billet, feuilles */
  --r-rond:999px;

  /* Ombres : la profondeur vient des filets ; deux ombres seulement, pour ce qui flotte */
  --ombre-flottant:0 18px 44px rgba(0,0,0,.5);
  --ombre-feuille:0 -12px 40px rgba(0,0,0,.45);

  /* Mouvement */
  --t-court:120ms; --t-moyen:200ms; --t-long:320ms;
  --courbe:cubic-bezier(.2,.7,.2,1);

  /* Cibles tactiles */
  --cible:44px;              /* site et espace client */
  --cible-action:50px;       /* bouton principal */
  --ep:1px;                  /* épaisseur des filets */
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}