/* Sentinelle — tokens (thème clair). Valeurs extraites de la maquette. */
:root, .scc-root {
  --scc-bg:#eef1f6; --scc-surface:#ffffff; --scc-surf2:#f7f9fc; --scc-chip:#f1f4f9;
  --scc-border:#e7eaf1; --scc-text:#1a2334; --scc-text2:#2a3550; --scc-text3:#3a465c;
  --scc-muted:#566176; --scc-muted2:#5f6b7f;
  --scc-accent:#2563eb; --scc-accent-dark:#1d4ed8; --scc-accent-soft:#eff4ff;
  --scc-r-card:14px; --scc-r-lg:16px; --scc-r-modal:13px; --scc-r-input:9px; --scc-r-pill:8px; --scc-r-badge:999px;
  --scc-sh-card:0 1px 2px rgba(22,32,55,.04);
  --scc-sh-hover:0 6px 20px rgba(22,32,55,.10);
  --scc-sh-pop:0 12px 32px rgba(22,32,55,.16);
  --scc-header-h:62px; --scc-sidebar-w:246px; --scc-btn-h:38px;
  --scc-fs-base:14px; --scc-lh:1.5;
}
/* Tokens sombres — chantier ultérieur. Cibles :
   --scc-bg:#0e1521; --scc-surface:#18212e; --scc-surf2:#131b26; --scc-chip:#1e2937;
   --scc-border:#2a3543; --scc-text:#e8edf4; --scc-text2:#d6deea; --scc-text3:#b7c1d0;
   --scc-muted:#8b95a7; --scc-muted2:#8b95a7; */
.scc-root.scc-dark { /* à remplir au chantier mode sombre */ }
/* Points de rupture (lot mobile, docs/sentinelle-design-system.md § Mobile). Les variables CSS ne
   marchent pas dans @media : les seuils sont écrits en dur dans responsive.css, toujours en
   max-width :
   - 900 px : le cadre (tiroir de navigation, en-tête compact, marges de 16 px) ;
   - 640 px : listes en cartes, blocs en une colonne, modale et palette en plein écran ;
   - 400 px : indicateurs du tableau de bord sur une colonne. */