/* Capsules — mode clair / sombre + sélecteur de langue (02/11/2026)
   Chargé après les autres feuilles. Le clair reste le thème par défaut ;
   le sombre redéfinit les mêmes jetons (fond, encres, filets), la menthe reste l’unique accent. */

/* ---------- Contrôles d’en-tête : bouton thème rond + pilule FR | EN ---------- */
.nav__tools{display:flex;align-items:center;gap:8px}
.tbtn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--c-ink-100);box-shadow:inset 0 0 0 1px var(--c-line-strong);cursor:pointer;transition:box-shadow var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease)}
.tbtn:hover{box-shadow:inset 0 0 0 1px var(--c-ink-100)}
.tbtn:focus-visible{box-shadow:var(--focus-ring)}
.tbtn .ico{grid-area:1/1;width:18px;height:18px;transition:opacity var(--dur-base) var(--ease),transform var(--dur-slow) var(--ease-out)}
.tbtn .ico-sun{opacity:0;transform:rotate(-45deg) scale(.8)}
[data-theme="dark"] .tbtn .ico-sun{opacity:1;transform:none}
[data-theme="dark"] .tbtn .ico-moon{opacity:0;transform:rotate(45deg) scale(.8)}
.lsw{display:inline-flex;align-items:center;height:40px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--c-line-strong)}
.lsw a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--c-ink-60);transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}
.lsw a:hover{color:var(--c-ink-100)}
.lsw a[aria-current]{background:var(--c-ink-100);color:var(--c-white)}
.lsw a:focus-visible{box-shadow:var(--focus-ring)}
@media (max-width:359px){.nav__tools .lsw a{min-width:32px;padding:0 8px}.nav__in{gap:12px}}
/* Menu mobile : même paire de contrôles, avec libellés */
.menu__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:4px 0 20px;border-bottom:1px solid var(--c-line)}
.menu__tools .mt{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-60)}

/* ---------- Palette sombre ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --c-white:#0E1015;          /* fond de page */
  --c-fill:#171A21;           /* aplats, vignettes */
  --c-line:#252832;           /* filets 1 px */
  --c-line-strong:#3B3F4B;
  --c-ink-100:#F4F5F7;        /* titres  ~17:1 */
  --c-ink-90:#E6E8EC;
  --c-ink-80:#C9CCD3;         /* texte   ~11:1 */
  --c-ink-60:#9A9EA9;         /* secondaire ~6.8:1 */
  --c-ink-50:#8A8E99;
  --c-ink-40:#6E727D;
  --c-mint-soft:#0F2A21;
  --color-surface:#0E1015;--color-surface-raised:#171A21;
  --color-text:var(--c-ink-80);--color-heading:var(--c-ink-100);--color-text-muted:var(--c-ink-60);--color-border:var(--c-line);
  --shadow-md:0 12px 32px rgba(0,0,0,.35);--shadow-lg:0 24px 60px rgba(0,0,0,.45);
}
html[data-theme="dark"] .nav{background:rgba(14,16,21,.88)}
html[data-theme="dark"] .nav__logo,html[data-theme="dark"] .menu .nav__logo{color:var(--c-ink-100)}
html[data-theme="dark"] .btn--ghost{color:var(--c-ink-100)}
html[data-theme="dark"] .btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--c-ink-100)}
html[data-theme="dark"] .sub{background:#14161C}
html[data-theme="dark"] .form .input:focus,html[data-theme="dark"] .input:focus{border-color:var(--c-ink-100)}
html[data-theme="dark"] .chip input:checked+span,
html[data-theme="dark"] .cfilt[aria-pressed="true"]{background:var(--c-ink-100);color:#0B0D14}
html[data-theme="dark"] .lsw a[aria-current]{color:#0B0D14}
html[data-theme="dark"] .skip{background:var(--c-ink-100);color:#0B0D14}
/* Bloc final (déjà sombre) : légèrement relevé pour rester distinct du fond */
html[data-theme="dark"] .dark{--c-white:#FFFFFF;background:#14171E;box-shadow:inset 0 1px 0 var(--c-line)}
html[data-theme="dark"] .dark .form{--c-white:#1B1E26;background:#1B1E26;box-shadow:inset 0 0 0 1px #2A2E38}
html[data-theme="dark"] .dark .form .input{background:#12141A}
/* Logos monochromes (encre sombre) : passés en clair */
html[data-theme="dark"] .logos img,html[data-theme="dark"] .ctile__mono{filter:invert(1)}
html[data-theme="dark"] .talents__box{border-top-color:var(--c-line)}
@media (hover:hover){html[data-theme="dark"] .ctile:hover .ctile__in{background:#F4F5F7}html[data-theme="dark"] .ctile:hover .ctile__go{background:#0B0D14;color:#fff}}
/* Configurateur 3D : panneau et commandes */
html[data-theme="dark"] .st-step button,html[data-theme="dark"] .st-x,html[data-theme="dark"] .st-color input[type=color]{background:var(--c-fill)}
html[data-theme="dark"] .st-sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--c-white),0 0 0 4px var(--c-ink-100)}
html[data-theme="dark"] .st{border-color:var(--c-line)}
@media (prefers-reduced-motion:reduce){.tbtn .ico{transition:none}}