/* ============================================================
   tokens.css — source unique de vérité des couleurs, calibres
   et rythmes. Monde : l'intérieur d'un panneau électrique.
   Les deux couleurs de marque sont relevées sur le vrai logo
   (Logo_signature.png) : le vert du lettrage, le jaune de l'éclair.
   ============================================================ */

:root {
  /* --- Enceinte : le fond de page, du plus profond au plus clair --- */
  --panel-deep: #04160e;
  --panel:      #072414;
  --panel-up:   #0c3520;
  --forest:     #033826;  /* vert de marque, relevé sur le logo */

  /* --- Conducteur : le jaune de l'éclair. Surfaces et traits,
         jamais du texte sur fond clair (contraste insuffisant). --- */
  --live:       #ffea32;
  --live-warm:  #ffc531;
  --live-soft:  rgba(255, 234, 50, .16);

  /* --- Plaques : les fiches blanches vissées dans le panneau.
         Gris franchement froids, pas de crème. --- */
  --plate:      #ffffff;
  --plate-2:    #e9ece8;
  --rule:       #c7cec6;
  --ink:        #0c1310;
  --ink-soft:   #4a544b;   /* 7,3:1 sur --plate */

  /* --- Texte sur l'enceinte sombre --- */
  --on-panel:        #f1f5f0;
  --on-panel-soft:   #a9bcae;   /* teinté du vert du fond, jamais gris neutre */
  --hairline:        rgba(233, 255, 240, .14);
  --hairline-strong: rgba(233, 255, 240, .28);

  /* --- Profondeur : décalage + flou, jamais un halo à zéro --- */
  --lift:   0 2px 4px rgba(2, 12, 7, .18), 0 18px 40px -22px rgba(2, 12, 7, .55);
  --lift-2: 0 4px 10px rgba(2, 12, 7, .26), 0 34px 70px -30px rgba(2, 12, 7, .7);

  /* --- Lettrage --- */
  --face-display: 'Archivo', system-ui, sans-serif;
  --face-text:    'Archivo', system-ui, sans-serif;
  --face-mark:    'Azeret Mono', ui-monospace, monospace;

  /* --- Trame --- */
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --max:    1240px;
  --max-read: 68ch;
  --radius: 3px;

  --ease-out: cubic-bezier(.16, .84, .3, 1);
}