/* public/shared/ui/tokens.css — source unique des couleurs, espacements, typographie. */
@font-face { font-family: 'Inter'; font-weight: 400; font-display: swap; src: url('/fonts/Inter-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-display: swap; src: url('/fonts/Inter-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-display: swap; src: url('/fonts/Inter-SemiBold.woff2') format('woff2'); }

:root {
  --bg: #0b1220; --panel: #111a2e; --panel-2: #172238; --border: #24314d;
  --text: #e6eaf2; --muted: #93a0b8;
  --ok: #22c55e; --warn: #f59e0b; --bad: #ef4444; --info: #38bdf8; --brand: #3b82f6; --accent: #38bdf8;
  --radius: 10px; --radius-sm: 6px; --shadow: 0 10px 30px rgba(0,0,0,.35);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --font-1: 12px; --font-2: 13px; --font-3: 14px; --font-4: 16px; --font-5: 20px; --font-6: 28px;
  --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --on-brand: #ffffff;
  /* Alias de compatibilité pour public/dashboard/styles/shell.css (réécrit à
     la tâche 6) : ce fichier lit encore --blue/--good/--panel2/--purple. */
  --blue: var(--brand); --good: var(--ok); --panel2: var(--panel-2); --purple: #a855f7;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f5f7fb; --panel: #ffffff; --panel-2: #eef2f8; --border: #d9e0ec;
  --text: #0f172a; --muted: #5b6577;
  --ok: #16a34a; --warn: #d97706; --bad: #dc2626; --info: #0284c7; --brand: #2563eb; --accent: #0284c7;
  --radius: 10px; --radius-sm: 6px; --shadow: 0 10px 30px rgba(15,23,42,.10);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --font-1: 12px; --font-2: 13px; --font-3: 14px; --font-4: 16px; --font-5: 20px; --font-6: 28px;
  --on-brand: #ffffff;
  --blue: var(--brand); --good: var(--ok); --panel2: var(--panel-2); --purple: #7c3aed;
  color-scheme: light;
}
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-family); font-size: var(--font-3); }
* { box-sizing: border-box; }
/* Revue tâche 6, IMPORTANT 1 — la règle d'agent utilisateur `[hidden] {
   display: none }` a la spécificité la plus faible qui soit : n'importe
   quelle règle d'auteur posant `display:` sur le même élément (une pastille
   en `inline-block`, un menu en `flex`) la bat, et l'attribut `hidden`
   n'a alors plus AUCUN effet dans un vrai navigateur — bug invisible sous
   jsdom, qui n'applique pas de feuille d'agent utilisateur. Cette règle
   globale rend `el.hidden = true` fiable pour tout composant, présent et
   futur. */
[hidden] { display: none !important; }
a { color: var(--brand); }