/* tokens-diners.css -- LES TOKENS PROPRES A L'APP « DINERS » (lot DN-01, copie de tokens-outils.css d'Outils a7eb846).
 *
 * Charge APRES tokens.css et composants.css (la plateforme, copies au commit e5e6c26), AVANT socle.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).
 * socle.css (et les feuilles des lots) ne posent 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-62: 62px;             /* la barre du bas */
  --m-px-80: 80px;             /* la colonne du bouton central */
  --m-px-72: 72px;
  --m-px-168: 168px;
  --m-px-200: 200px;
  --m-px-420: 420px;           /* la page d'erreur */
  --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-nav: var(--m-px-62);
  --m-nav-centre: var(--m-px-80);
  --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-erreur-max: var(--m-px-420);
}