.pf-preferences{box-sizing:border-box;width:100%;padding:12px clamp(18px,4vw,64px);background:#eef6f1;color:#26302f;border-bottom:1px solid #d1e1d8;font:14px/1.5 "Segoe UI",Arial,sans-serif}.pf-settings-row{display:flex;gap:22px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.pf-settings-row>div{display:flex;align-items:center;gap:10px}.pf-settings-row label{margin:0;font-size:13px;font-weight:600}.pf-settings-row select{width:auto;min-width:92px;padding:7px 10px;font:inherit;background:#fff;color:#25302e;border:1px solid #9aa39e;border-radius:6px}.pf-settings-row select:focus-visible{outline:3px solid #967025;outline-offset:3px}#pf-change-info{font-size:12px;margin:7px 0 0;text-align:right;color:#56635c}.pf-preferences select{max-width:100%}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--ink:#eef0ed;--muted:#bfc9c3;--line:#46544e;--ground:#17201e;--gold:#e7c57f;--gold-light:#3c3524;--bg:#141d1b;--paper:#202b27;--text:#edf1ee;--border:#46564d}
html[data-theme=dark] body{background:#141d1b;color:#edf1ee}html[data-theme=dark] .header{background:#17201ef5;border-color:#45544b}html[data-theme=dark] :is(.hero,.tools-section,.plans-section,.faq-section,.member-aside,.pf-preferences){background:#1b2722;color:#edf1ee}html[data-theme=dark] :is(.tool,.example-card,.plan,.future-card,.membre form,.membre details,.cours-carte,.pf-information section,dialog,.line,.metal,.tot,form,.spot-item){background:#223029;color:#edf1ee;border-color:#4c5b52}html[data-theme=dark] :is(.example-shell,.premium-banner,.fine-result,.cours-etat,.membre [role=status],.section-alt){background:#30372a;color:#f4e2bc;border-color:#615c43}html[data-theme=dark] :is(p,small,label,.k,.line-meta,.tool p,.section .intro,.step p,.cours-carte small,.plan p,.hero .lead){color:inherit}html[data-theme=dark] :is(input,textarea,select){background:#17201e!important;color:#f0f4f1!important;border-color:#75877b!important}html[data-theme=dark] :is(.button-dark,.header-cta,.btn-primary,button[type=submit]){background:#ddbf82;color:#18211c}html[data-theme=dark] :is(.button-light,.filter,.btn,.btn-ghost){background:#28382f;color:#edf1ee;border-color:#718177}html[data-theme=dark] :is(.filter[aria-pressed=true],.chip.active){background:#dec58c;color:#18211c}html[data-theme=dark] :is(a,.brand,.formula-visual strong,.fine-result strong){color:#e9d49f}html[data-theme=dark] #pf-change-info{color:#bdccc4}html[data-theme=dark] .mobile-menu nav{background:#223029;border-color:#75877b}html[data-theme=dark] :is(.badge,.trust-line,.note,.avert,.foot,.source,.empty-state){color:#c6d1ca}html[data-theme=dark] :is(.future-row,.example-head,.line-foot){border-color:#4c5b52}html[data-theme=dark] :focus-visible{outline-color:#e9c77f}
@media(max-width:650px){.pf-settings-row{gap:10px;justify-content:flex-start}.pf-settings-row>div{flex:1;min-width:90px;flex-direction:column;align-items:stretch;gap:4px}.pf-settings-row label{font-size:11px}.pf-settings-row select{min-width:0;width:100%;font-size:13px}#pf-change-info{text-align:left}}

:root[data-theme=dark]{--surface:#223029;--rule:#526258;--rule-soft:#394a40;--or:#e8c581;--argent:#bdcfda;--platine:#c9d2bf}
html[data-theme=dark] a.button.button-dark,html[data-theme=dark] a.header-cta{background:#ddbf82;color:#18211c}
html[data-theme=dark] a.button.button-light{background:#28382f;color:#edf1ee;border-color:#718177}

html[data-theme=dark] a.button.button-gold{color:#18211c} :root[data-theme=dark]{--palladium:#c4b4d8}

/* Les réglages appartiennent à l’en-tête, regroupés dans son coin droit. */
.pf-header-settings .header-inner{flex-wrap:wrap;gap:16px;padding-top:12px;padding-bottom:12px}
.pf-header-settings>.pf-preferences,.pf-header-settings .header-inner>.pf-preferences{width:auto;max-width:390px;margin-left:auto;padding:0;border:0;background:transparent;flex:0 1 390px}
.pf-header-settings .pf-settings-row{gap:10px;flex-wrap:nowrap;justify-content:flex-end}
.pf-header-settings .pf-settings-row>div{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;flex:1}
.pf-header-settings .pf-settings-row label{font-size:11px;white-space:nowrap}
.pf-header-settings .pf-settings-row select{min-width:0;width:100%;padding:6px 8px;font-size:12px}
.pf-header-settings #pf-change-info{font-size:10px;line-height:1.35;margin-top:6px}
.pf-main-navigation{display:flex;align-items:center;gap:22px;margin-left:auto;flex-wrap:wrap}
.pf-main-navigation a{text-decoration:none;font-size:14px;white-space:nowrap}
.pf-main-navigation a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.pf-local-access{margin:20px 0}
@media(max-width:760px){.pf-header-settings .header-inner>.pf-preferences,.pf-header-settings>.pf-preferences{flex-basis:100%;max-width:none;width:100%}.pf-main-navigation{gap:14px}.pf-main-navigation a{font-size:12px}.pf-header-settings #pf-change-info{text-align:right}}

/* Fonds blanc cassé majoritaires ; le vert souligne les éléments importants. */
:root[data-theme]{
 --pf-vert:#20372d;--pf-ivoire:#eaf3ee;--pf-action:#a8d5b7;--pf-action-hover:#c1e6cc;
 --ground:#f8faf9;--surface:#fcfcfc;--paper:#fcfcfc;--bg:#f8faf9;
 --ink:#20372d;--text:#20372d;--muted:#56645e;--line:#c9d9ce;--border:#c9d9ce;
 --rule:#a3afa5;--rule-soft:#c9d9ce;--gold:#286247;--gold-light:#d9ebdf;
 --green:#326450;--blue:#385e55;--purple:#56645e;
 --pf-panneau:#edf5f0;--pf-carte:#fcfcfc;--pf-soft:#e4eee7;--pf-field:#fcfcfc;
}
:root[data-theme=dark]{
 --ground:#192124;--surface:#263034;--paper:#263034;--bg:#192124;
 --ink:#f2f7f3;--text:#f2f7f3;--muted:#c1cbbf;--line:#52625d;--border:#52625d;
 --rule:#718278;--rule-soft:#45564f;--gold:#a8d5b7;--gold-light:#284638;
 --green:#a8c8b1;--blue:#b2cabd;--purple:#c1cbbf;
 --pf-panneau:#202a2d;--pf-carte:#263034;--pf-soft:#2c3c35;--pf-field:#192124;
}
html[data-theme] body{background:var(--ground);color:var(--ink)}
html[data-theme] .header{background:var(--surface);border-color:var(--line)}
html[data-theme] :is(.hero,.tools-section,.plans-section,.faq-section,.member-aside){background:var(--ground);color:var(--ink)}
html[data-theme] :is(.tool,.example-card,.plan,.future-card,.membre form,.membre details,.cours-carte,.pf-information section,dialog,.line,.metal,.tot,.spot-item){background:var(--pf-carte);color:var(--ink);border-color:var(--line)}
html[data-theme] :is(.example-shell,.premium-banner,.fine-result,.cours-etat,.membre [role=status],.section-alt){background:var(--pf-panneau);color:var(--ink);border-color:var(--line)}
html[data-theme] :is(.plan.future,.member-panel){background:var(--pf-carte);border-color:var(--green)}
html[data-theme] .plan.plan-pro{background:var(--pf-carte);border-color:var(--green)}
html[data-theme] :is(.brand,.nav a,.pf-main-navigation a,.formula-visual strong,.fine-result strong){color:var(--ink)}
html[data-theme] :is(.eyebrow,.premium-link,.plan li:before){color:var(--gold)}
html[data-theme] :is(.intro,.lead,.tool p,.price-note,.plans-disclaimer,.example-note,.trust-line,.step p,.cours-carte small){color:var(--muted)}
html[data-theme] :is(.badge,.status-pill,.step-number){background:var(--pf-soft);color:var(--ink);border-color:var(--line)}
html[data-theme] .brand-mark{background:#232730;color:#e9be68}
html[data-theme] .tool{--accent:var(--green)!important;--tint:var(--pf-soft)!important}
html[data-theme] .tool-go{color:var(--green)}
html[data-theme] :is(.button-light,a.button.button-light,.btn-ghost,.filter,.btn){background:var(--surface);color:var(--ink);border-color:var(--rule)}
html[data-theme] :is(.button-dark,a.button.button-dark,.button-gold,a.button.button-gold,.header-cta,a.header-cta,.btn-primary,button[type=submit]){background:var(--pf-action);color:var(--pf-vert);border-color:var(--pf-action)}
html[data-theme] :is(.button-dark,.button-gold,.header-cta,.btn-primary,button[type=submit]):hover{background:var(--pf-action-hover);color:var(--pf-vert);border-color:var(--pf-action-hover)}
html[data-theme] :is(.filter[aria-pressed=true],.chip[aria-pressed=true],.seg button[aria-pressed=true]){background:var(--pf-vert);color:var(--pf-ivoire);border-color:var(--rule)}
html[data-theme] :is(input,textarea,select){background:var(--pf-field)!important;color:var(--ink)!important;border-color:var(--rule)!important;caret-color:var(--ink)}
html[data-theme] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme] #essai .demo-inputs input{background:var(--pf-vert)!important;color:var(--pf-ivoire)!important;-webkit-text-fill-color:var(--pf-ivoire)!important;caret-color:var(--pf-ivoire)}
html[data-theme] #essai .demo-inputs input:autofill{box-shadow:0 0 0 1000px var(--pf-vert) inset!important}
html[data-theme] #essai .demo-inputs input[aria-invalid=true]{border-color:#bd6253!important}
html[data-theme] .mobile-menu nav{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme] .pf-preferences{color:var(--ink)}
html[data-theme] #pf-change-info{color:var(--muted)}
html[data-theme] .pf-footer{background:var(--pf-vert);color:var(--pf-ivoire);border-top-color:var(--pf-action)}
html[data-theme] .pf-footer a{color:var(--pf-ivoire)}
html[data-theme] .pf-footer :is(h2,.pf-contact){color:var(--pf-action)}
html[data-theme] .pf-footer :is(.pf-footer-brand span,.pf-footer-note,.pf-footer-bottom){color:#d4dbd1}
html[data-theme] :focus-visible{outline:3px solid var(--gold);outline-offset:4px}
html[data-theme] .pf-footer :focus-visible{outline-color:var(--pf-action)}

/* Les arcs décoratifs sont retirés de l’accueil. */
.hero::before,.hero::after{content:none;display:none}

/* Les deux zones demandées gardent un blanc pur et un vert contrasté dans tous les thèmes. */
html[data-theme] :is(#outils,#offres){background:#fff;color:#24563f;--ink:#24563f;--muted:#24563f;--green:#24563f;--gold:#24563f;--surface:#fff;--pf-carte:#fff;--pf-soft:#fff;--rule:#32704f;--line:#32704f}
html[data-theme] :is(#outils,#offres) :is(.tool,.plan,.plan.future,.plan.plan-pro,.filter,.badge,.tool-icon){background:#fff;color:#24563f;border-color:#32704f}
html[data-theme] :is(#outils,#offres) :is(h2,h3,p,small,li,.eyebrow,.tool-count,.plan-label,.tool-go,.tool p,.price-note,.plans-disclaimer){color:#24563f}
html[data-theme] :is(#outils,#offres) .tool{--accent:#24563f!important;--tint:#fff!important}
html[data-theme] :is(#outils,#offres) :is(a.button,.filter){background:#fff;color:#24563f;border-color:#32704f}
html[data-theme] #outils .filter[aria-pressed=true]{background:#24563f;color:#fff;border-color:#24563f}
html[data-theme] :is(#outils,#offres) :is(a.button,.filter):hover{background:#edf5ef;color:#24563f;border-color:#24563f}
html[data-theme] :is(#outils,#offres) :focus-visible{outline-color:#24563f}