/* ============================================================================
   Portail AR Digital : jetons de charte
   Source : refonte « Focus » du 10 septembre 2026, d'après l'app ar digital
   focus et le logo encre 2026. Contrastes vérifiés AA.

   RÈGLE : aucune couleur, aucune taille de police, aucun rayon n'est écrit en
   dur ailleurs que dans ce fichier. Tout le reste consomme ces variables.
   ========================================================================= */

:root {

  /* --- Neutres et structure ----------------------------------------------- */
  --bg:              #f3f1ec;   /* fond crème, commun à la page et à la barre */
  --bg-deep:         #eae7df;   /* survol sur le fond crème */
  --surface:         #ffffff;   /* cartes, panneaux */
  --surface-2:       #f5f3ee;   /* tuiles d'icône, bandes, désactivé */
  --surface-3:       #e9e6de;   /* hachures, pistes de jauge */
  --ink:             #151821;   /* encre du logo, texte courant : 17.4 sur blanc */
  --ink-soft:        #595c64;   /* texte secondaire : 6.6 sur blanc */
  --ink-mute:        #8b8e95;   /* étiquettes UI, jamais de texte courant */
  --border:          #e8e4db;   /* bordures de carte */
  --border-strong:   #d2cec4;   /* champs au repos */
  --hairline:        rgba(21, 24, 33, .07);
  --overlay:         rgba(21, 24, 33, .42);
  --hatch:           repeating-linear-gradient(135deg, var(--surface-3) 0 1.5px, transparent 1.5px 7px);

  /* --- Marque et action ----------------------------------------------------
     Le bleu agit : boutons principaux, liens, carte mise en avant.
     Le citron vert ponctue : un appel sur fond bleu, la carte « à venir ».
     Jamais de texte citron sur blanc, jamais le citron pour signaler un état. */
  --blue:            #2c4bf1;   /* 6.2 avec du blanc */
  --blue-hover:      #1f3bd8;
  --blue-soft:       #e9edfe;
  --blue-ink:        #1f3bd8;   /* texte bleu sur --blue-soft : 6.4 */
  --on-blue:         #ffffff;
  --on-blue-soft:    rgba(255, 255, 255, .8);
  --on-blue-line:    rgba(255, 255, 255, .4);
  --on-blue-fill:    rgba(255, 255, 255, .14);

  --lime:            #dcf65c;   /* 15.9 avec --ink */
  --lime-hover:      #cfee3f;
  --lime-ink:        #4a5a0a;   /* texte olive sur blanc, rare : 7.4 */
  --lime-ink-hover:  #34400a;

  --focus:           #2c4bf1;   /* anneau 2 px, décalage 2 px */

  /* --- Nina, l'assistante virtuelle ----------------------------------------
     Le fond du studio de sa vidéo et de son portrait, et le halo bleu qui
     suit sa voix. */
  --nina-backdrop:   #c8cee6;
  --nina-glow:       rgba(44, 75, 241, .32);
  --nina-glow-out:   rgba(44, 75, 241, 0);

  /* --- Les six statuts client : seul système de couleur sémantique -------- */
  --st-recu-fg:      #3f4a56;  --st-recu-bg:      #eef0f2;  /* 7.91 */
  --st-cours-fg:     #1f3bd8;  --st-cours-bg:     #e9edfe;  /* 6.40 */
  --st-pause-fg:     #8a4b06;  --st-pause-bg:     #fdf1de;  /* 6.09 */
  --st-action-fg:    #b42318;  --st-action-bg:    #fdeceb;  /* 5.75 */
  --st-resolu-fg:    #15703a;  --st-resolu-bg:    #e7f6ec;  /* 5.51 */
  --st-termine-fg:   #55585c;  --st-termine-bg:   #f1efea;  /* 6.20 */

  /* --- Urgence : pastille secondaire, plus discrète ------------------------ */
  --urg-critique-fg: #b42318;  --urg-critique-bg: #fdeceb;
  --urg-normale-fg:  #595c64;  --urg-normale-bg:  #f1efea;
  --urg-faible-fg:   #6f7279;  --urg-faible-bg:   #f5f3ee;

  /* --- États système ------------------------------------------------------- */
  --danger:          #b42318;  --danger-bg:       #fdeceb;
  --warning:         #8a4b06;  --warning-bg:      #fdf1de;
  --success:         #15703a;  --success-bg:      #e7f6ec;
  --info:            #1f3bd8;  --info-bg:         #e9edfe;

  /* --- Familles ------------------------------------------------------------
     Jakarta : titres, interface et grands chiffres. Manrope : références,
     dates, montants, tout ce qui se lit caractère par caractère. */
  --font-ui:   'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-data: 'Manrope', ui-monospace, 'SF Mono', monospace;

  /* --- Échelle typographique ---------------------------------------------- */
  --fs-metric:  46px;  --fw-metric:  800;  --ls-metric:  -0.045em;
  --fs-display: 36px;  --fw-display: 800;  --ls-display: -0.035em;
  --fs-h1:      28px;  --fw-h1:      800;  --ls-h1:      -0.03em;
  --fs-h2:      19px;  --fw-h2:      700;  --ls-h2:      -0.02em;
  --fs-h3:      16px;  --fw-h3:      700;  --ls-h3:      -0.012em;
  --fs-body:    15px;  --lh-body:    1.6;
  --fs-small:   13px;
  --fs-label:   11px;  --ls-label:   .1em;
  --fs-data:    14px;

  /* --- Espacements, base 4 ------------------------------------------------- */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;   --sp-6: 24px;   --sp-7: 28px;  --sp-8: 32px;
  --sp-10: 40px;  --sp-12: 48px;  --sp-14: 56px; --sp-18: 72px;
  --sp-24: 96px;

  /* --- Formes et élévation ------------------------------------------------- */
  --r-xs:    8px;
  --r-sm:   10px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-card: 22px;   /* le rayon unique de toutes les cartes */
  --r-xl:   24px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(21, 24, 33, .04);
  --shadow-2: 0 20px 44px -20px rgba(21, 24, 33, .24);
  --shadow-blue: 0 18px 36px -18px rgba(44, 75, 241, .6);

  /* --- Gabarits ------------------------------------------------------------ */
  --sidebar-w:   256px;
  --topbar-h:     68px;
  --control-h:    44px;   /* boutons et champs : cible tactile de 44 px au moins */
  --pill-h:       26px;
  --pill-sm-h:    22px;
  --content-max: 1240px;
  --ease:        cubic-bezier(.2, .8, .2, 1);
}