/* ═══════════════════════════════════════════════════════════════════════════
   PARAMÈTRES — RAFFINEMENT V3 (Bloc B, 2026-06-03)
   ───────────────────────────────────────────────────────────────────────────
   Couche de reskin V3 posée PAR-DESSUS le neobrut existant de la modale Paramètres
   (définie dans settings.js, stylée dans style.css). La modale est PARTAGÉE par
   toutes les pages → ce fichier est chargé par chaque page V3 (qui charge aussi les
   fonts Syne/Space Mono). Le contrat de classes (settings.js) est INCHANGÉ ; on ne
   fait que RESTYLER. Chargé APRÈS style.css. (cf. spec §15)

   Apports V3 : titre Syne italic, corps Space Mono (cohérent cartes de succès),
   ombres dures « sticker » au repos, têtes de bloc en tags francs, contrôles nets.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Modale : contour + ombre dure V3 ─────────────────────────────────────── */
.settings-modal {
  border: var(--border-thick) !important;
  box-shadow: var(--sh-lg) !important;
}

/* ── Header : titre Syne italic (cohérent titres de page) sur bande jaune ──── */
.settings-title {
  font-family: 'Syne', sans-serif !important;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.01em;
}
/* Bouton fermer : sticker carré légèrement tilté. */
.settings-close {
  transform: rotate(3deg);
  box-shadow: var(--sh-sm);
}
html.dlp-can-hover .settings-close:hover {
  transform: rotate(3deg) translate(-2px, -2px) !important;
  box-shadow: var(--sh-md) !important;
}

/* ── Tête de bloc : tag ink franc (Archivo Black gardé) ───────────────────── */
.settings-block { box-shadow: var(--sh-sm) !important; }
.settings-block-title { letter-spacing: 0.05em; }

/* ── Corps / valeurs / liens en Space Mono ; Archivo Black gardé pour les tags
     de bloc, labels et boutons (cohérent noms des cartes de succès). ───────── */
.settings-hint,
.settings-input,
.settings-pref-label,
.settings-pref-slider-value,
.settings-anim-picker button,
.settings-about,
.settings-beta-tag,
.settings-feedback-cta-sub,
.settings-donate-sub { font-family: 'Space Mono', monospace !important; }

/* ── Pref-cards : ombre dure au repos (sticker) + lift au hover ───────────── */
.settings-pref-card {
  box-shadow: var(--sh-sm);
}
html.dlp-can-hover .settings-pref-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--sh-md);
}
/* Le picker d'animations (Max / Réduites / Minimes) : segments nets, actif ink. */
.settings-anim-picker button.active { background: var(--ink) !important; color: var(--paper) !important; }

/* ── Toggle : piste verte franche quand ON (déjà --green ; on assure le contour). ── */
.settings-toggle:checked { background: var(--green) !important; }

/* ── Footer : about en Space Mono (déjà), badge beta tilté net. ───────────── */
.settings-beta-tag { box-shadow: 2px 2px 0 var(--ink); }