/* ==========================================================================
   Loforge — jetons de style
   --------------------------------------------------------------------------
   SOURCE UNIQUE. Ce fichier vit dans 7-identite\socle\ et nulle part
   ailleurs. Les copies posées dans 1-site-loforge\ et 2-produit\admin\
   sont écrites par 4-outils\publier-jetons.ps1 : ne jamais les modifier
   à la main, elles seront écrasées au prochain passage.

   Le vitrine et l'espace client sont deux Workers Cloudflare distincts.
   Un fichier ne peut donc pas être partagé autrement qu'en le copiant.

   Système « clinique » (19/09/2026). Remplace le système « la forge »
   (20/08/2026 : nuit bleutée, dégradé braise, pilules de 52 px, tuiles
   aux teintes tournantes). Ce système-là fonctionnait, mais il colorait
   et arrondissait ce qui n'avait rien à dire. Le rendu visé désormais
   est celui d'un outil : noir neutre, surfaces empilées séparées par un
   filet de 1 px, aplats seulement, et de la couleur uniquement là où
   elle porte un état ou une action.
   ========================================================================== */

:root{

  /* --- Surfaces ----------------------------------------------------------
     Les quatre valeurs sont volontairement TRÈS proches. Ce n'est pas la
     différence de ton qui sépare deux plans, c'est le filet de 1 px. Une
     carte qui se détache par sa couleur crée une hiérarchie que personne
     n'a demandée ; un filet dit « ceci est un bloc » et s'arrête là. */
  --fond:#08090a;        /* fond de page — noir neutre, pas bleuté */
  --surface-1:#0f1011;   /* cartes, panneaux */
  --surface-2:#141516;   /* champs, surfaces secondaires */
  --surface-3:#1c1c1f;   /* survol, pastilles */
  --filet:rgba(255,255,255,.07);       /* séparations ordinaires */
  --filet-fort:rgba(255,255,255,.12);  /* séparations qui portent */

  /* --- Texte -------------------------------------------------------------
     Contrastes mesurés sur --fond. La hiérarchie vient du contraste, pas
     de la taille ni de la graisse : trois gris suffisent à tout dire. */
  --encre:#f7f8f8;    /* texte principal — 18,7:1 */
  --brume:#b8bcc4;    /* texte secondaire — 10,5:1 */
  --brume-2:#a0a5ad;  /* micro-copie, aides — 8,0:1 */
  --cendre:#4a4d52;   /* 2,3:1 — désactivé et texte barré UNIQUEMENT */

  /* --- Accents -----------------------------------------------------------
     La braise est la signature de la maison et la SEULE couleur d'action.
     Elle ne se pose plus que sur le bouton qui engage et sur le symbole.
     Aucun dégradé : un dégradé de bouton attire l'œil vers lui-même.

     Elle ne peut plus servir aussi d'état « en travaux » — une couleur qui
     veut dire deux choses ne veut plus rien dire. L'acier reprend cet état. */
  --braise:#f0913f;       /* ce qui agit — 8,4:1 */
  --braise-nuit:#0a0a0a;  /* texte posé SUR la braise — 8,3:1 */
  --acier:#7fa8c9;        /* ce qui informe, et l'état « en travaux » — 7,9:1 */
  --jade:#35d391;         /* confirmation, et l'état « en ligne » — 10,3:1 */
  --alerte:#ff6f61;       /* refus — toujours doublé d'un mot — 7,3:1 */

  /* --- Polices -----------------------------------------------------------
     Orbitron porte les titres : carrée, large, spatiale — c'est elle qui
     donne au site son air d'outil de bord. Oxanium porte tout le reste :
     texte courant, boutons, champs, chiffres et sur-titres. Ses angles
     coupés tiennent le même registre sans sacrifier la lecture.

     Elles remplacent Geist (20/09/2026), qui remplaçait elle-même Archivo,
     Figtree, Instrument Serif et IBM Plex Mono. Geist était juste mais
     anonyme : elle ne disait rien de la maison.

     Oxanium n'est pas à chasse fixe. Partout où des chiffres s'empilent en
     colonne — prix, heures, compteurs — poser
     `font-variant-numeric:tabular-nums` : c'est ce qui rend les colonnes
     droites sans police dédiée.

     Ethnocentric et Termina, examinées le 20/09/2026, sont écartées : la
     première n'a aucun bas-de-casse, et aucune des deux n'est incluse dans
     la formule Adobe Fonts du compte. Adobe est de toute façon exclu — ses
     polices ne se servent que depuis use.typekit.net.

     Auto-hébergées, sous-ensemble latin : aucun appel à un serveur de
     polices tiers, donc rien à déclarer au RGPD. Licence SIL Open Font 1.1. */
  --titre:'Orbitron',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --texte:'Oxanium',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:'Oxanium',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Interlettrage du texte courant. Sans lui, le rendu reste « page web » ;
     avec lui, il devient « logiciel ».

     Il ne s'applique PLUS aux titres : Orbitron est déjà large et dessinée
     avec son propre espacement — en négatif, ses lettres se touchent.
     socle.css neutralise l'interlettrage sur h1, h2 et h3. */
  --serre:-.01em;

  /* --- Rayons ------------------------------------------------------------
     Fin de la pilule. Un rayon court se lit comme un objet posé, un rayon
     de 9999 px comme une étiquette. */
  --r-carte:10px;
  --r-champ:8px;
  --r-bouton:8px;

  /* --- Courbe ------------------------------------------------------------
     Une seule. Les courbes natives de CSS font traîner le début du
     mouvement, exactement l'instant que l'œil regarde. « ease-in »
     n'apparaît nulle part. Aucun rebond non plus : un dépassement dit
     « regarde-moi », et rien ici n'a besoin d'être regardé deux fois. */
  --sortie:cubic-bezier(.23,1,.32,1);

  color-scheme:dark;
}

/* Le rond, lui, survit — mais réservé : interrupteur, pastille d'avatar,
   point d'état. Tout ce qui n'est pas physiquement rond prend --r-bouton.
   C'est la règle qui remplace l'ancienne pilule généralisée. */
:root{ --r-rond:9999px; }