/* Genius — tokens v3 (18/09/2026) : partagés par l'app (index.html) et l'aperçu de développement (dev-loaders.html) */
:root{
  --bg:#F7F8F2;--surface:#FFFFFF;--surface-2:#F0F3EB;--pill:#EEF2E7;
  --ink:#18251F;--muted:#56635A;--muted-2:#6F7C73;--muted-3:#8C988F;
  --line:#DEE4DA;--line-2:#E8EDE4;--dot:#C9D2C6;--control:#7D8B80;
  --primary:#164B3F;--primary-h:#103D32;--lemon:#E7F3AF;--lemon-2:#F3F9D6;--lemon-text:#254431;
  --accent:#164B3F;--accent-h:#103D32;--accent-2:#2F7A66;--accent-soft:#E7F3AF;--accent-line:#B9CF8A;--sel:#F3F9D6;--accent-on-dark:#E7F3AF;
  --green:#23734E;--green-soft:#E3F1E8;--green-on-dark:#9BD7B5;
  --amber:#93600D;--amber-soft:#FBF1DC;
  --red:#B43434;--red-soft:#FBE7E7;
  --dark:#164B3F;--dark-2:#103D32;
  --top-bg:rgba(247,248,242,.86);
  --shadow:0 2px 8px rgba(24,37,31,.04);--shadow-hover:0 6px 18px rgba(24,37,31,.08);--shadow-dark:0 12px 32px rgba(24,37,31,.10);
  --r:16px;--r-ctl:10px;
  --dur-fast:140ms;--dur:200ms;--ease:cubic-bezier(.2,.8,.2,1);
  /* alias conservés pour les composants existants */
  --navy:var(--accent);--navy-soft:var(--accent-soft);--coral:var(--red);--coral-soft:var(--red-soft);
  --blue:var(--accent);--blue-soft:var(--accent-soft);--pri:var(--accent);--pri-h:var(--accent-h);--pri-tx:#fff;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-theme=dark]{
  --bg:#0F1613;--surface:#162019;--surface-2:#1B271F;--pill:#22302A;
  --ink:#EEF3EC;--muted:#B3C0B6;--muted-2:#8FA095;--muted-3:#6E7F74;
  --line:#26342C;--line-2:#1F2B25;--dot:#3A4A40;--control:#5E7066;
  --primary:#9BD7B5;--primary-h:#B9E6CB;--lemon:#3A4A22;--lemon-2:#2C3A1C;--lemon-text:#E7F3AF;
  --accent:#9BD7B5;--accent-h:#B9E6CB;--accent-2:#6FBF97;--accent-soft:#1F2F26;--accent-line:#3C5A49;--sel:#1B2A22;
  --green-soft:#16302A;--amber-soft:#2E2510;--red-soft:#3A1A1A;
  --dark:#0B110E;--dark-2:#111915;
  --top-bg:rgba(15,22,19,.84);
  --shadow:0 1px 2px rgba(0,0,0,.4);--shadow-hover:0 6px 18px rgba(0,0,0,.35);--shadow-dark:0 12px 40px rgba(0,0,0,.5);
}

/* 20/09/2026 — thème sombre : textes secondaires plus lisibles, sélections et surfaces mieux différenciées (demande Felix) */
:root[data-theme="dark"]{--lemon:#46602A;--lemon-2:#2E3E22;--muted:#C3CEC6;--muted-2:#A3B0A7;--muted-3:#8A978E;--surface-2:#1E2A23;--pill:#26332C;--line:#2E3D34;--lemon-2:#2A3A1E;--sel:#233327;--amber-soft:#3A2E12;--amber:#F0C36B;--red-soft:#3F1E1E;--red:#F08A8A;--green-soft:#193A2E;--green:#8FD9B0}