/*
 * Tokens du tableau (N11) : préfixe `--tb-*`, jamais un autre. Le pont avec
 * le patrimoine du groupe se fait ICI et nulle part ailleurs : `--color-*` /
 * `--font-sans` viennent de `patrimoine/tokens.css` (engendré par Hdplio)
 * quand il existe, sinon les replis ci-dessous. Une couleur en dur dans une
 * autre feuille est un défaut.
 *
 * DA (proprio, 2026-09-05) : minimaliste, thème CLAIR uniquement. Blanc,
 * gris très pâles, filets d'un pixel, un seul accent, pas d'ombre lourde.
 * Le thème sombre a été retiré ce jour-là ; ne pas le remettre sans décision.
 */
:root {
  /* Bleu Messenger (proprio, 2026-09-05) : l'accent du produit, posé aussi dans le patrimoine de la création #17. */
  --tb-accent: var(--color-accent, #0084ff);
  --tb-accent-encre: #ffffff;
  /* Le fond porte une pointe de bleu (même famille que l'accent) : un gris neutre à côté d'un bleu
     franc paraît sale. Les surfaces restent blanches, la couleur ne vient que de l'accent. */
  --tb-fond: #f6f7f9;
  --tb-surface: #ffffff;
  --tb-surface-2: #f4f6f8;
  --tb-surface-3: #eaedf1;
  --tb-texte: #0f1419;
  --tb-texte-2: #59616e;
  --tb-texte-3: #8b94a3;
  --tb-bordure: #e8ebef;
  --tb-bordure-2: #d7dbe2;
  --tb-ok: #16a34a;
  --tb-alerte: #d97706;
  --tb-danger: #dc2626;
  --tb-bulle-moi: var(--tb-accent);
  --tb-bulle-moi-encre: #ffffff;
  --tb-bulle-autre: #f0f2f5;
  --tb-bulle-autre-encre: var(--tb-texte);
  --tb-voile: rgba(17, 20, 24, .28);
  --tb-ombre: 0 1px 2px rgba(15, 20, 25, .04), 0 12px 32px rgba(15, 20, 25, .07);
  --tb-ombre-carte: 0 1px 2px rgba(15, 20, 25, .03);
  --tb-rayon: 10px;
  --tb-rayon-s: 7px;
  --tb-rayon-bulle: 18px;
  --tb-police: var(--font-sans, 'Jakarta', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --tb-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --tb-rail: 84px;   /* assez large pour écrire « Discussions » en entier sous l'icône, jamais tronqué */
  --tb-liste: 320px;
  /* Une seule hauteur pour les deux en-têtes : c'est ce qui fait que les filets se rejoignent
     d'une colonne à l'autre. Le défaut de 2 px se voyait (2026-09-06). */
  --tb-tete: 60px;
  /* Échelle typographique : cinq tailles, pas une de plus. Toute valeur en dur ailleurs est un défaut. */
  --tb-t-xs: 11px;
  --tb-t-s: 12.5px;
  --tb-t-m: 13.5px;
  --tb-t-l: 15px;
  --tb-t-xl: 19px;
  /* Rythme : multiples de 4. */
  --tb-sp-1: 4px;
  --tb-sp-2: 8px;
  --tb-sp-3: 12px;
  --tb-sp-4: 16px;
  --tb-sp-5: 22px;
  --tb-duree: 160ms;
  --tb-focus: 0 0 0 3px color-mix(in srgb, var(--tb-accent) 22%, transparent);
  color-scheme: light;
}
@media (prefers-reduced-motion: reduce) { :root { --tb-duree: 0ms; } }