/* LA CHARTE COMMUNE — les jetons (décision 363 de Dimitri, 2026-11-01 : « tous les logiciels sauf Dolibarr ; le site
   public n'est pas inclus »). UN SEUL FICHIER DE VARIABLES, servi par le logiciel (`/charte/charte.css`) et repris
   par le bureau (importé à sa construction), l'accueil et le terrain (liés). Contrat : doc/CHARTE.md.

   Ce fichier ne pose QUE des variables et la police : aucune règle d'écran. Un écran qui veut une couleur, une
   taille, un arrondi ou un espacement le prend ici, par son nom ; il ne le recopie pas.

   La référence : ~/Fluxynergy/10-communication/identite-visuelle/ — le logo v2 qui fait foi (wordmark bleu nuit
   #12253e, vagues en dégradé #0164d4 → #3bc081), son wordmark en Plus Jakarta Sans.

   CONTRASTE 4,5:1 AU MOINS pour tout texte : `tests/test_charte.py` le calcule, paire par paire (WCAG 2). Le vert et
   le dégradé de la charte ne portent jamais de texte (2,3:1 sur blanc) : ils décorent ; le vert FONCTIONNEL est un
   vert de la même teinte, assombri. */

/* ── la police des titres : Plus Jakarta Sans, celle du wordmark — SERVIE ICI, JAMAIS PAR UN CDN : le logiciel tourne
   derrière le VPN et hors réseau. La police variable (200 à 800), réduite au latin et au français : 34 Ko.
   Licence OFL : polices/OFL.txt. */
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("polices/PlusJakartaSans.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
}

:root{
  /* La page est claire, toujours : en chaufferie comme au bureau, et les contrôles du navigateur aussi. */
  color-scheme:light;

  /* ── les couleurs de la charte : celles du logo v2 ─────────────────────────────────────────────── */
  --charte-nuit:#12253e;        /* le wordmark — le bandeau */
  --charte-bleu:#0164d4;        /* le départ du dégradé */
  --charte-vert:#3bc081;        /* l'arrivée du dégradé : décor seulement */
  --charte-degrade:linear-gradient(90deg, #0164d4 0%, #0470d9 22%, #0396d5 43%, #27ba94 64%, #3bc081 85%);

  /* ── les couleurs fonctionnelles : les noms d'avant, les valeurs alignées ──────────────────────── */
  --navy:var(--charte-nuit);    /* le bandeau, les titres forts — était #0b2542 */
  --bleu:var(--charte-bleu);    /* l'action, le lien : 5,56:1 sur blanc */
  --cyan:#0396d5;               /* l'information, le focus — un trait, jamais un texte (3,32:1) */
  --vert:#1b744a;               /* fait, en ligne, conforme : la teinte de la charte, assombrie — 5,76:1 (était #1f9d55, 3,49:1) */
  --ambre:#a85705;              /* ce qui attend, ce qui bloque le passage — 5,21:1 (était #d97706, 3,19:1) */
  --rouge:#c0392b;              /* le refus, l'erreur — 5,44:1 */
  --gris:#5b6672;               /* le texte secondaire — 5,85:1 sur blanc, 5,44:1 sur le fond */
  --encre:#16222e;              /* le texte */
  --trait:#c9d2da;              /* les séparations : un décor */
  --trait-fort:#8a96a3;         /* le bord d'un champ : 3:1 sur blanc */
  --fond:#f4f7f9;
  --blanc:#fff;

  /* les fonds pâles des messages — chaque couleur garde 4,5:1 sur le sien */
  --bleu-pale:#eef6ff;
  --vert-pale:#ecf8f1;
  --ambre-pale:#fff8ec;
  --rouge-pale:#fdf2f0;
  --gris-pale:#eef3f7;

  /* sur le bandeau bleu nuit */
  --sur-nuit:#fff;
  --sur-nuit-doux:rgba(255,255,255,.75);   /* 9,2:1 */
  --sur-nuit-trait:rgba(255,255,255,.55);
  --sur-nuit-survol:rgba(255,255,255,.12);

  /* ── les polices ────────────────────────────────────────────────────────────────────────────────── */
  /* les titres : celle du wordmark ; le texte courant : la police du système — la plus lisible aux petites
     tailles sur chaque appareil (Roboto sous Android, Segoe UI sous Windows…), rien à télécharger, rien qui
     manque hors réseau (choix noté dans doc/CHARTE.md). */
  --police-titre:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --police-texte:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --police-code:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

  /* ── les tailles ────────────────────────────────────────────────────────────────────────────────── */
  --taille-mini:11px;
  --taille-petite:12px;
  --taille-note:13px;
  --taille-courante:14px;
  --taille-texte:15px;          /* le texte du bureau */
  --taille-terrain:16px;        /* le texte du terrain — sous 16 px, Android zoome à chaque saisie */
  --taille-forte:18px;
  --taille-titre:22px;
  --taille-titre-grand:26px;

  /* ── les arrondis ───────────────────────────────────────────────────────────────────────────────── */
  --arrondi-petit:4px;
  --arrondi:6px;
  --arrondi-moyen:8px;
  --arrondi-grand:12px;
  --arrondi-carte:16px;
  --arrondi-pilule:999px;

  /* ── les espacements ────────────────────────────────────────────────────────────────────────────── */
  --espace-1:4px;
  --espace-2:8px;
  --espace-3:12px;
  --espace-4:16px;
  --espace-5:20px;
  --espace-6:24px;
  --espace-7:32px;

  /* ── le reste ───────────────────────────────────────────────────────────────────────────────────── */
  --tactile:44px;               /* une cible au doigt — ganté, en chaufferie : jamais moins */
  --ombre:0 4px 18px rgba(18,37,62,.10);
  --ombre-panneau:0 8px 28px rgba(18,37,62,.28);
  --focus:2px solid var(--cyan);
}