/* tokens-outils.css -- LES TOKENS PROPRES A L'APP « OUTILS » (lot O-01, mega sprint du 29-10).
 *
 * Charge APRES tokens.css et composants.css (la plateforme, copies au commit e5e6c26), AVANT app.css.
 * Memes lois que tokens.css :
 *   couche 1  primitifs   -- les seules valeurs litterales (avec tokens.css) ; aucun var().
 *   couche 2  semantiques -- que des var() vers la couche 1 (ou vers les semantiques de la plateforme).
 * app.css ne pose AUCUNE couleur litterale : que des var() d'ici ou de tokens.css.
 *
 * LEM 2025 (fiche Pantone) : orange 7569 CP, gris 10 CP, marine 433 CP.
 * LOI 25 : aucune URL ici.
 */

/* @decoratif --lem-orange-600 */

/* ==========================================================================
 * @couche 1 -- PRIMITIFS LEM, et les mesures du telephone (maquette v1)
 * ========================================================================== */
:root {
  --lem-orange-600: #D98836;   /* orange 7569 CP : le filet, le losange, les tuiles partagees -- DECORATIF */
  --lem-gris-600: #63696D;     /* gris 10 CP : « Lem » sur fond blanc */
  --lem-marine-900: #1F2D35;   /* marine 433 CP */

  --m-px-14: 14px;
  --m-px-22: 22px;
  --m-px-44: 44px;             /* la cible tactile minimale */
  --m-px-52: 52px;             /* les boutons du telephone */
  --m-px-64: 64px;
  --m-px-72: 72px;
  --m-px-148: 148px;           /* R2-11 : la largeur minimale d'une case de filtre (2 par rangee a 360 px) */
  --m-px-168: 168px;
  --m-px-200: 200px;
  --m-px-1240: 1240px;
}

/* ==========================================================================
 * @couche 2 -- SEMANTIQUES
 * ========================================================================== */
:root {
  --lem-filet: var(--lem-orange-600);         /* le filet sous la bande et en tete des tuiles partagees */
  --lem-accent: var(--lem-orange-600);        /* l'anneau du bouton de scan, le cadre du scanner */
  --lem-texte-gris: var(--lem-gris-600);      /* « Lem » sur fond blanc */
  --lem-texte: var(--lem-marine-900);

  --m-cible: var(--m-px-44);
  --m-bouton: var(--m-px-52);
  --m-rayon: var(--dv-px-12);
  --m-tuile: var(--m-px-200);
  --m-tuile-icone: var(--m-px-72);
  --m-tuile-icone-tel: var(--m-px-64);
  --m-page-max: var(--m-px-1240);
  --m-filtre-min: var(--m-px-148);
}