/*
  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 (2026-09-07), decidees avec Mounassib : base 18px,
     titres de 24 a 40, plus rien sous 16. Voir la note au-dessus du bloc. */
  --km-texte-xs: 16px;   /* le plus petit texte autorise, nulle part en dessous */
  --km-texte-s: 18px;    /* la base : tout ce qui se lit couramment */
  --km-texte-m: 21px;    /* les intitules de reglage, les noms de template */
  --km-texte-l: 24px;    /* les titres de bloc */
  --km-texte-xl: 32px;   /* les titres d'ecran */
  --km-texte-2xl: 40px;  /* le titre du produit et celui d'une modale */
}