/*
 * 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;
  --tb-fond: #fafafa;
  --tb-surface: #ffffff;
  --tb-surface-2: #f5f5f6;
  --tb-surface-3: #ededef;
  --tb-texte: #111418;
  --tb-texte-2: #5b6270;
  --tb-texte-3: #9096a2;
  --tb-bordure: #ececef;
  --tb-bordure-2: #dcdee3;
  --tb-ok: #16a34a;
  --tb-alerte: #d97706;
  --tb-danger: #dc2626;
  --tb-bulle-moi: var(--tb-accent);
  --tb-bulle-moi-encre: #ffffff;
  --tb-bulle-autre: #f1f2f4;
  --tb-bulle-autre-encre: var(--tb-texte);
  --tb-voile: rgba(17, 20, 24, .28);
  --tb-ombre: 0 1px 2px rgba(17, 20, 24, .04), 0 10px 30px rgba(17, 20, 24, .06);
  --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: 68px;
  --tb-liste: 320px;
  --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; } }