/* ══════════════════════════════════════════════════════════════
   SOCLE VISUEL MASKO — la source, branchée le 2026-08-31
   ══════════════════════════════════════════════════════════════

   Copie exacte de MaskoDev/design/masko-tokens.css.

   Avant aujourd'hui, ces valeurs étaient recopiées à la main dans
   le <style> de chaque page : 19 blocs identiques sur 18 fichiers.
   Changer une marche de texte demandait 19 modifications, donc
   personne ne la changeait, donc le socle ne servait à rien.

   Maintenant elles vivent ici, une seule fois.

   DEUX JEUX DE NOMS, LE MÊME OBJET
   Les pages de masko-salle utilisent le préfixe --ms- depuis le
   début (plus de mille fois). Les renommer d'un coup aurait été
   une réécriture massive pour un gain nul. Les --ms- sont donc
   gardés comme alias : ils pointent vers les --masko-, qui sont
   la vraie source. Rien à réécrire, et une seule valeur à changer.

   Pour du code neuf : écrire --masko-.
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Texte ─────────────────────────────────────────────────
     Sept marches, aucune fraction. Chaque marche a un emploi ;
     si deux emplois se ressemblent, ils partagent la marche. */
  --masko-t-etiquette:  11px;   /* majuscules espacées, mentions légales */
  --masko-t-secondaire: 13px;   /* métadonnées, aides, notes de bas de carte */
  --masko-t-corps:      15px;   /* le texte courant, les champs, les boutons */
  --masko-t-appui:      17px;   /* ce qu'on veut lire en premier dans une carte */
  --masko-t-soustitre:  20px;   /* titre de section */
  --masko-t-titre:      26px;   /* titre de page */
  --masko-t-affiche:    34px;   /* le seul gros chiffre d'un écran, s'il y en a un */

  --masko-i-titre:  1.15;
  --masko-i-corps:  1.5;

  /* ── Rayons ────────────────────────────────────────────────
     Trois, pas huit. Le rayon dit la taille de l'objet. */
  --masko-r-petit:  8px;    /* champs, pastilles, boutons */
  --masko-r-carte: 14px;    /* cartes, panneaux, fenêtres */
  --masko-r-rond: 999px;    /* étiquettes et jetons ronds */

  /* ── Zone de contact ───────────────────────────────────────
     Le plan de salle se manipule au pouce, en plein service.
     Rien de cliquable ne descend sous cette hauteur. */
  --masko-touche-min: 44px;

  /* ── Espacements ───────────────────────────────────────────
     Multiples de 4. Rien entre les deux. */
  --masko-e-1:   4px;
  --masko-e-2:   8px;
  --masko-e-3:  12px;
  --masko-e-4:  16px;
  --masko-e-6:  24px;
  --masko-e-8:  32px;
  --masko-e-12: 48px;

  /* ── Polices ───────────────────────────────────────────────
     Les outils internes portent la police de la marque ; les
     produits vendus prennent celle du système du client, parce
     qu'un widget qui a l'air natif inspire plus confiance. */
  --masko-police-marque: "Gill Sans MT", "Gill Sans", Calibri, system-ui,
                         -apple-system, "Segoe UI", Roboto, sans-serif;
  --masko-police-systeme: system-ui, -apple-system, "Segoe UI", Roboto,
                          "Helvetica Neue", Arial, sans-serif;
  --masko-police-chiffres: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ── Couleurs ──────────────────────────────────────────────
     Dix rôles nommés. Une couleur sans rôle n'a pas sa place. */
  --masko-creme:      #FAF9F6;   /* le fond de tous les écrans */
  --masko-carte:      #FFFFFF;   /* ce qui est posé sur le fond */
  --masko-encre:      #26262A;   /* le texte */
  --masko-attenue:    #67666D;   /* le texte secondaire */
  --masko-estompe:    #98979F;   /* métadonnées, états vides */
  --masko-filet:      #EAE9E4;   /* les séparations */
  --masko-sage:       #7FA877;   /* progression, confirmation */
  --masko-sage-fonce: #4A6B41;   /* le sage quand il porte du texte blanc */
  --masko-mauve:      #5F4585;   /* l'action engageante — une seule par écran */
  --masko-ambre:      #C98A3E;   /* ce qui demande une décision */
  --masko-brique:     #B4453C;   /* ce qui est cassé */

  /* Teintes pâles : survol de ligne, fond d'étiquette, bandeau.
     Écrites en dur plutôt qu'avec color-mix — le plan de salle
     tourne sur des tablettes qu'on ne choisit pas. */
  --masko-sage-pale:   #EEF4EC;
  --masko-mauve-pale:  #F0EEF6;
  --masko-ambre-pale:  #FBF3E0;
  --masko-brique-pale: #FBEBEA;

  /* ── Alias historiques ─────────────────────────────────────
     Ce que les pages de masko-salle appellent déjà. Mêmes
     valeurs, un seul endroit où les changer. */
  --ms-t-etiquette:  var(--masko-t-etiquette);
  --ms-t-secondaire: var(--masko-t-secondaire);
  --ms-t-corps:      var(--masko-t-corps);
  --ms-t-appui:      var(--masko-t-appui);
  --ms-t-soustitre:  var(--masko-t-soustitre);
  --ms-t-titre:      var(--masko-t-titre);
  --ms-t-affiche:    var(--masko-t-affiche);
  --ms-r-petit:      var(--masko-r-petit);
  --ms-r-carte:      var(--masko-r-carte);
  --ms-r-rond:       var(--masko-r-rond);
  --ms-touche:       var(--masko-touche-min);
}