/* ========================================================================
   Thème commun de BuildFactory
   Une seule source pour les quatre pages. Avant, chacune recopiait ses
   variables — et elles avaient fini par diverger : le vert « OK » n'avait
   pas la même valeur sur le planificateur et sur la carte.
   Une page peut encore ajouter les siennes (--loop, --discord…), mais elle
   ne redéfinit plus celles d'ici.
   ======================================================================== */
:root{
  /* ---- Fonds et surfaces ---- */
  --bg0:#0e1116;
  --bg1:#141922;
  --grid:rgba(120,140,165,.10);
  --panel:rgba(32,38,48,.92);
  --panel2:#2a313c;
  --line:#39424f;
  --line-soft:rgba(120,140,165,.16);

  /* ---- Marque ---- */
  --accent:#ff9a4d;
  --accent-d:#e5822b;
  --accent-glow:rgba(255,154,77,.35);
  --on-accent:#1a1200;          /* texte posé sur l'orange */

  /* ---- États d'un tapis ou d'une machine ---- */
  --ok:#57c785;
  --short:#f06b6b;
  --surplus:#5aa8f0;
  --warn:#f0a35a;               /* sous-produit, « à traiter » */
  --force:#c86bff;              /* réglé à la main, éclats */
  --gold:#e0b34b;               /* énergie, débit par machine */
  --ore:#c9a24b;                /* extraction */
  --stock:#8b95a3;              /* conteneur : l'identité grise d'une boîte */

  /* ---- Texte ----
     --muted éclairci de 4 niveaux (#8b95a3 → #8f99a7) : invisible à l'œil,
     mais il passait sous le seuil de lecture sur les panneaux clairs (4,32
     pour 4,5 exigés). Il tient maintenant partout. */
  --text:#eef1f5;
  --muted:#8f99a7;

  /* ---- Échelle typographique ----
     Neuf tailles au lieu de trente et une. Plus rien sous 10 px : le nom
     de la machine et les titres de colonnes, lus sur chaque tuile, étaient
     en 9 et 9,5 px. */
  --fs-2xs:10px;
  --fs-xs:11px;
  --fs-sm:12px;
  --fs-md:13px;
  --fs-base:14px;
  --fs-lg:15px;
  --fs-xl:16px;
  --fs-2xl:18px;
  --fs-3xl:21px;

  /* ---- Rayons de coin ---- cinq au lieu de dix-sept */
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:18px;
  --r-pill:999px;

  --shadow:0 10px 30px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.3);
}