/* ============================================================================
   charte-hub.css — socle commun aux pages du Fleet Hub.
   Dérivé de la charte Steveny Fleet (CLAUDE CODE\assets\brand\CHARTE.md).

   Ce fichier ne contient QUE les jetons de couleur et de typographie, plus la
   bascule d'impression. Aucune classe de composant : chaque page garde ses
   propres classes, qui héritent d'ici. C'est ce qui permet de le brancher sur
   une page existante sans collision de sélecteurs.

   À charger AVANT le <style> de la page :
       <link rel="stylesheet" href="charte-hub.css">

   Fond sombre #0B1524 assumé — pas un « thème sombre » qui suit le système :
   la page s'y tient quel que soit le réglage du poste.

   Aucune webfont : Franklin Gothic Heavy et Segoe UI sont livrées avec Windows,
   donc aucune substitution chez les BRM ni au projecteur, et rien ne devient un
   contour illisible à l'impression PDF.
   ============================================================================ */

:root{
  /* ---- fonds ---- */
  --bg:#0B1524;          /* fond de référence */
  --surface:#132135;     /* carte, panneau */
  --surface-alt:#1C3049; /* survol, ligne mise en avant */
  --rule:#2F4562;        /* filet unique — calibré pour rester visible au projecteur */

  /* ---- textes (tous validés AA sur --bg) ---- */
  --ink:#D6E2F0;         /* texte courant          13.9:1 */
  --muted:#7E93AC;       /* texte atténué           5.8:1 */
  --strong:#FFFFFF;      /* chiffres, titres       18.3:1 */

  /* ---- accents ---- */
  --sky:#4FA3E3;         /* accent principal        6.7:1 */
  --blue:#2E6DA4;        /* accent secondaire */
  --ok:#3FB27A;          /* positif                 6.9:1 */
  --warn:#E0A44A;        /* vigilance */
  --err:#E5484D;         /* négatif                 4.7:1 */

  /* ---- navy de marque : réservé aux fonds clairs et à l'impression ---- */
  --navy:#003478;

  /* ---- fonds clairs (panneau de connexion, impression) ---- */
  --paper:#FFFFFF;
  --paper-alt:#F4F6F9;
  --paper-ink:#1B1B1B;
  --paper-muted:#7A8290;
  --paper-rule:#D3DAE3;

  /* ---- typographie : système « Autorité » ----
     La hiérarchie est portée par la GRAISSE, pas par la couleur ni par les
     capitales espacées. Franklin Gothic Heavy pour les titres et les chiffres,
     Segoe UI Light (300) pour le texte, Segoe UI 400 pour les micro-libellés
     en capitales — une capitale de 9 px en graisse 300 se délave. */
  --font:"Segoe UI",-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Franklin Gothic Heavy","Franklin Gothic Medium","Arial Black",Impact,sans-serif;

  /* ---- rythme ---- */
  --radius:4px;
}

/* Franklin Gothic Heavy est déjà grasse : ne jamais la doubler d'un bold. */
.d,.display{font-family:var(--font-display);font-weight:400}

/* Les chiffres s'alignent en colonne. */
.tnum{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}

/* ---- impression : bascule en clair, sinon le fond sombre sort en gris sale ---- */
@media print{
  :root{
    --bg:#FFFFFF; --surface:#FFFFFF; --surface-alt:#F4F6F9; --rule:#D3DAE3;
    --ink:#1B1B1B; --muted:#7A8290; --strong:#003478;
    --sky:#003478; --blue:#003478; --ok:#0F6E3F; --err:#A8202C; --warn:#8F6410;
  }
  body{background:#fff}
  .logo-blanc{display:none}
  .logo-noir{display:inline-block}
}