/* =====================================================================
   PAGES EN MÉTHODE A (session Suite du site, 21/10) : outils, glossaire, observatoire, baromètre, méthodologie.
   Le corps de ces pages garde son balisage Tailwind ; cette feuille, chargée après refonte.css et seulement par elles
   (body.legacy), ramène leurs couleurs d'accent (orange, indigo, émeraude, rose, violet) et leurs gris en dur aux
   jetons du nouveau système, en Noir comme en Blanc, et la police à Manrope. Rien d'autre n'en dépend.
   ===================================================================== */
body.legacy { font-family: var(--font); background: var(--bg); color: var(--ink); }
body.legacy :where(h1, h2, h3, h4) { font-family: var(--font); letter-spacing: -.025em; }
body.legacy :where(h1, h2) { font-weight: 600; }
body.legacy :where(.font-extrabold, .font-black) { font-weight: 600; }

/* Pas de sur-titres en capitales espacées (règle du site). */
body.legacy .uppercase { text-transform: none; letter-spacing: 0; }

/* Textes : encre, gris, et les accents ramenés à l'encre. */
body.legacy :is([class*="text-[#0A0A0A]"], [class*="text-[#0a0a0a]"], [class*="text-[#050A0E]"], [class*="text-[#262626]"], [class*="text-[#1"],
    .text-black, .text-white, .text-slate-900, .text-slate-800, .text-gray-900, .text-gray-800, .text-zinc-900) { color: var(--ink); }
body.legacy :is([class*="text-[#4"], [class*="text-[#5"], [class*="text-[#6"], .text-slate-700, .text-slate-600, .text-gray-700, .text-gray-600,
    .text-slate-300, .text-slate-200) { color: var(--txt2); }
body.legacy :is([class*="text-[#7"], [class*="text-[#8"], [class*="text-[#9"], [class*="text-[#A"], [class*="text-[#a"],
    .text-slate-500, .text-slate-400, .text-gray-500, .text-gray-400) { color: var(--txt3); }
body.legacy :is([class*="text-[#FF"], [class*="text-[#ff"], [class*="text-[#E6"], [class*="text-[#e6"], [class*="text-[#10B9"], [class*="text-[#6366"],
    [class*="text-indigo-"], [class*="text-orange-"], [class*="text-emerald-"], [class*="text-rose-"], [class*="text-violet-"], [class*="text-red-"],
    [class*="text-amber-"], [class*="text-blue-"], [class*="text-green-"], [class*="text-purple-"], [class*="text-sky-"], [class*="text-teal-"]) { color: var(--ink); }

/* Fonds : surfaces et lavis à la place des fonds colorés. */
body.legacy :is(.bg-white, [class*="bg-[#F"], [class*="bg-[#f"], [class*="bg-[#03"], [class*="bg-[#05"], [class*="bg-[#0C"], [class*="bg-[#0c"],
    .bg-slate-50, .bg-gray-50, .bg-slate-100) { background-color: var(--surface); }
body.legacy :is([class*="bg-[#FF4D2E]"], [class*="bg-[#ff4d2e]"], [class*="bg-[#E63"], [class*="bg-indigo-"], [class*="bg-orange-"], [class*="bg-emerald-"],
    [class*="bg-rose-"], [class*="bg-violet-"], [class*="bg-red-"], [class*="bg-amber-"], [class*="bg-blue-"], [class*="bg-green-"], [class*="bg-purple-"],
    [class*="bg-white/"]) { background-color: var(--wash); }
body.legacy [class*="from-"] { background-image: none; }

/* Filets. */
body.legacy :is([class*="border-[#"], [class*="border-slate-"], [class*="border-gray-"], [class*="border-indigo-"], [class*="border-orange-"],
    [class*="border-emerald-"], [class*="border-rose-"], [class*="border-white/"]) { border-color: var(--line); }
body.legacy :is([class*="shadow-"]) { box-shadow: none; }

/* Liens du texte. */
body.legacy main a:not(.btn):not([class*="btn"]), body.legacy section a:not(.btn):not([class*="btn"]) { text-decoration-color: var(--line-hover); }

/* Composants des pages (classes écrites dans leur <style>) : boutons, cartes, champs, résultats. */
body.legacy .btn-primary { background: var(--btn); color: var(--btn-ink); box-shadow: none; border: 0; font-weight: 600; }
body.legacy .btn-primary:hover { background: var(--btn-hover); transform: none; box-shadow: none; }
body.legacy .btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--line-hover); font-weight: 600; }
body.legacy .btn-ghost:hover { border-color: var(--ink); color: var(--ink); }
body.legacy :is(.tool-card, .dark-card, .card-surface) { background: var(--surface); border: 1px solid var(--line); }
body.legacy .tool-input { background: var(--wash); border: 1px solid rgba(var(--matter), .5); color: var(--ink); font-family: var(--font); }
body.legacy .tool-input:focus { border-color: var(--ink); background: var(--wash); box-shadow: 0 0 0 3px var(--glow); }
body.legacy .tool-label { color: var(--txt2); }
body.legacy .result-panel { background: var(--wash); border: 1px solid var(--line); }
body.legacy .accent, body.legacy .gradient-text { color: var(--ink); background: none; -webkit-text-fill-color: currentColor; }
body.legacy ::selection { background: var(--ink); color: var(--bg); }

/* Le fil d'Ariane passe sous la navigation flottante. */
body.legacy > nav[aria-label="Breadcrumb"], body.legacy > nav[aria-label="Fil d'Ariane"] { padding-top: calc(var(--nav-h) + 40px); }