/* Le sombre est un style d'espace (« nuit »), pas un autre thème : la marque et la structure ne bougent pas. */
:root[data-mode=dark]{
  --paper:#0f1012; --ground:#0f1012; --surface:#17181b; --surface-2:#141518; --ink-block:#e8e8ea;
  --ink:#f2f2f4; --ink-2:#d3d3d7; --muted:#a0a0a6; --faint:#77777e;
  --line:#26272b; --line-soft:#1f2024;
  --brand-soft:rgba(10,102,255,.18); --tint:rgba(10,102,255,.18);
  --accent:#6fa3ff; --warn-bg:rgba(184,134,11,.14);
  --shadow-screen:0 30px 80px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);
  --shadow-soft:0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}
:root[data-mode=dark] body{background:var(--paper);color:var(--ink)}
:root[data-mode=dark] .nav a.active{background:var(--ink-block);color:#0f1012}
:root[data-mode=dark] .segmented button.active{background:var(--surface);color:var(--ink)}
:root[data-mode=dark] .btn.secondary:hover{background:#202126}
:root[data-mode=dark] #toast{background:var(--surface);color:var(--ink);border:1px solid var(--line)}