/*
  FICHIER RECOPIE : NE PAS MODIFIER ICI.

  Original : kmoove-memory/src/styles.css
  Copie produite par : npm run exporter-editeur (depot du jeu)

  L'editeur de seance existe en UN SEUL exemplaire, pour que l'animateur
  retrouve les MEMES mots et les MEMES blocs sur le mur et sur le site.
  Une retouche faite ici serait perdue au prochain export, et le controle
  des deux depots la signalerait avant.
*/
:root {
  --km-cyan: #17C6E8;      /* le haut de l'anneau : etat positif, jamais du texte (2,0:1) */
  --km-bleu: #256AC7;      /* le milieu haut du K : l'action */
  --km-indigo: #3029B0;    /* le coeur des lettres : les liens */
  --km-violet: #5E17EB;    /* la signature : les titres */
  --km-magenta: #BB0CA5;   /* le bas des lettres : ce qui est choisi */
  --km-fond: #FFFFFF;      /* « surtout sur fond blanc » */
  --km-surface: #F4F6FB;   /* un gris a peine bleute pour les panneaux */
  --km-encre: #1B1F3A;     /* un bleu nuit pour le texte, jamais du noir pur */
  --km-degrade: linear-gradient(135deg, var(--km-magenta), var(--km-violet));
                           /* magenta vers violet : une seule fois par ecran,
                              le titre et le bouton principal, jamais ailleurs */

  /* Cinq teintes derivees des memes releves, pour l'alerte et les surfaces
     discretes du theme clair. Dans ce fichier (styles.css), le scope
     .ecran--editeur plus bas les reprend par var() : il ne les redefinit
     plus. Une copie de ce bloc qui voyage seule (public/kmoove-design.css,
     sur le site) n'a pas ce scope : elle n'a besoin que des couleurs. */
  --km-bordure: #D6DAE8;      /* une bordure claire */
  --km-texte-doux: #4A5070;   /* un texte secondaire, moins appuye que l'encre */
  --km-succes: #1B8F5A;       /* la meme validation qu'ailleurs sur le theme clair */
  --km-alerte: #B3261E;       /* l'alerte du theme clair */
  --km-alerte-fond: #FCEBEA;  /* son fond pale, toujours associe */

  /* Six tailles de texte. Premiere echelle le 2026-09-07 (16, 18, 21, 24, 32,
     40). Relevee le 2026-09-13 sur demande de Mounassib (« augmenter la
     taille des textes sur le site ») : chaque palier gagne de 10 a 14 %, et
     le plus petit texte passe a 18px. Le plancher de lisibilite mesure par
     les tests reste POLICE_MINIMUM_PX = 16 : l'echelle est au-dessus, avec
     une marge. */
  --km-texte-xs: 18px;   /* le plus petit texte autorise, nulle part en dessous */
  --km-texte-s: 20px;    /* la base : tout ce qui se lit couramment */
  --km-texte-m: 24px;    /* les intitules de reglage, les noms de template */
  --km-texte-l: 28px;    /* les titres de bloc */
  --km-texte-xl: 36px;   /* les titres d'ecran */
  --km-texte-2xl: 44px;  /* le titre du produit et celui d'une modale */

  /* L'echelle de l'EDITEUR reste celle du 2026-09-07. Pourquoi deux echelles :
     la mise en page de l'editeur (fluide, en part de la fenetre reelle) est
     calee au pixel sur ces tailles : « DOUZE PAIRES » ne tolere aucun
     defilement, et les clamp() de .ecran--editeur ont ete mesures pour elles
     a 1920x900 et 1130x915. Mesure du 2026-09-13 : la
     hausse appliquee aussi a l'editeur faisait tomber 6 cas de
     tests/navigateur/editeur-web.js sur le site (152/0 avant, 146/6 apres :
     grille qui defile de 3px, colonne de filtres 553px pour 468, boutons
     .choix qui se chevauchent a 1130x915). Agrandir l'editeur demande donc de
     reprendre sa mise en page, pas seulement ses jetons. Le scope
     .ecran--editeur plus bas renvoie --km-texte-* vers ces valeurs par var(),
     sur le meme patron que les couleurs : les chiffres ne s'ecrivent qu'ici. */
  --km-editeur-texte-xs: 16px;
  --km-editeur-texte-s: 18px;
  --km-editeur-texte-m: 21px;
  --km-editeur-texte-l: 24px;
  --km-editeur-texte-xl: 32px;
  --km-editeur-texte-2xl: 40px;
}