/* =====================================================================
   SOCLE GESTION-* — Jetons.
   Valeurs par défaut du socle, surchargeables par application dans
   assets/css/app.css. Toute décision graphique passe par un jeton :
   aucune couleur littérale ailleurs que dans ce fichier.
   ===================================================================== */
:root {
  color-scheme: light;

  /* --- Identité : les trois jetons qu'une application redéfinit --- */
  --brand: #336699;           /* actions, liens, état actif */
  --accent: #21CAAE;          /* indicateur d'écran actif, aplats */
  --rail: #1e2b38;            /* bandeau supérieur et navigation latérale */

  /* --- Dérivés d'identité --- */
  --brand-strong: #2a5580;
  --brand-soft: #e8eef5;
  --accent-ink: #0d7a68;      /* turquoise lisible en texte (5,2:1 sur blanc) */
  --rail-fg: #e6ecf2;

  /* --- Surfaces et texte --- */
  --bg: #f3f5f7;
  --surface: #ffffff;
  --line: #dde2e8;
  --line-soft: #eaeef2;
  --fg: #1b2430;
  --muted: #5c6874;

  /* --- Sémantique : état, jamais réutilisée comme couleur de série --- */
  --pos: #0d7a68;
  --warn: #a8601c;
  --danger: #a62f28;

  /* --- Typographie --- */
  --font-body: 'Barlow', system-ui, sans-serif;
  --font-dense: 'Barlow Semi Condensed', 'Barlow', sans-serif;
  --font-num: 'JetBrains Mono', ui-monospace, monospace;

  --fs-base: 14.5px;          /* texte courant */
  --fs-table: 12px;           /* chiffres de tableau (monospace) */
  --fs-table-label: 13.5px;   /* première colonne d'un tableau (condensé) */
  --fs-th: 10.5px;            /* en-tête de colonne */
  --fs-kpi: 18px;             /* valeur d'un indicateur */
  --fs-h1: 15.5px;            /* titre d'écran, dans l'en-tête */
  --fs-h2: 13.5px;            /* titre de carte */
  --fs-small: 11px;

  /* --- Densités --- */
  --pad-cell: 4px 7px;
  --radius: 5px;
  --h-appbar: 42px;
  --h-pagehead: 40px;
  --w-rail: 56px;             /* tiroir replié */
  --w-drawer: 224px;          /* tiroir déplié */

  /* --- Planning : les trois états d'une ligne --- */
  /* Le gris est pris : c'est celui du SURVOL (--line-soft), qui suit la souris
     en descendant le mois. Une ligne non ouvrée grise se confondait donc avec
     la ligne simplement pointée. D'où deux BLEUS pour le non ouvré — le
     week-end est la règle, le férié l'exception, un cran plus profond — et un
     VERT CLAIR pour aujourd'hui, qui conserve par ailleurs sa gouttière
     d'accent.
     Chaque teinte est à plus de 6 ΔE du gris de survol et les deux bleus à 6,3
     l'un de l'autre, donc chacune se lit pour elle-même. La date des lignes non
     ouvrées n'est plus grisée : sous ces bleus, --muted tombait sous 4,5:1, et
     la teinte de la ligne dit déjà « non ouvré » — c'était un second signal,
     payé en lisibilité. */
  --plan-weekend: #dce8f7;    /* samedi, dimanche : la règle */
  --plan-chome: #c9dcf2;      /* jour férié : l'exception, un cran plus profond */
  --plan-today: #e8f7f1;      /* aujourd'hui : plus clair que la gouttière --accent */

  /* --- Graphiques : chrome --- */
  /* Pastilles du planning : aplats pâles numérotés, encre foncée de la même
     teinte. Numérotés et non nommés, parce que socle.css ne sait pas ce
     qu'est une mission. Chaque pastille porte son texte, donc l'identité ne
     repose jamais sur la seule couleur. */
  --slot0-bg: #e3ecf6; --slot0-fg: #24527f;
  --slot1-bg: #d8f3ee; --slot1-fg: #0d6354;
  --slot2-bg: #fbe8dd; --slot2-fg: #8c4418;
  --slot3-bg: #ece4f5; --slot3-fg: #543c75;

  /* Ombres et voile des éléments flottants (volet du tiroir replié, menu
     contextuel, modale). Ici et pas dans socle.css : une ombre est une
     décision graphique comme une autre. */
  --ombre-volet: 0 10px 28px rgba(20, 28, 38, .2);
  --ombre-modale: 0 24px 60px rgba(20, 28, 38, .28);
  --voile-modale: rgba(16, 22, 30, .5);

  --chart-grid: #e4e7ea;
  --chart-axis: #bcc2c9;
  --chart-text: #4c545d;
}