/* Palette sombre reprise du livrable Apple Design, adaptée aux jetons communs. */
html{color-scheme:light}
html[data-appearance="dark"]{color-scheme:dark;--paper:#111925;--surface:#192432;--surface-2:#1c293b;--ink:#f0f4fa;--muted:#b0bfd2;--line:#34445a;--line-strong:#879ab5;--accent:#95c6f3;--accent-deep:#2466a1;--accent-mid:#b4dbff;--sky:#24354e;--azure:#312d48;--sand:#3b3426;--yellow:#423921;--gold-ink:#f2d894;--on-soft:#d9e6f3;--on-mute:#cfe0f0;--rule:#586c85;--focus-in:#111925;--focus-out:#f2d894;--shade:rgba(0,0,0,.25);--shade-soft:rgba(0,0,0,.18);--shade-strong:rgba(0,0,0,.4)}
html[data-appearance="dark"] .button-primary,html[data-appearance="dark"] .commerce .button-primary{background:#2466a1;border-color:#2466a1;color:#fff}
html[data-appearance="dark"] .button-primary:hover{background:#1d588c;color:#fff}
html[data-appearance="dark"] .intent-section,html[data-appearance="dark"] .closing{background:#153c67}
html[data-appearance="dark"] .intent:hover{color:#fff}
html[data-appearance="dark"] .zoom-hint{background:#2466a1}
html[data-appearance="dark"] .commerce{--c-err:#ffb4b4;--c-err-line:#a76060}
#appearanceModes{border:0;border-top:1px solid var(--line);margin:14px 0 0;padding:12px 4px 4px;display:flex;gap:6px;flex-wrap:wrap}
#appearanceModes legend{font-weight:800;font-size:.8rem;padding:0 4px}
#appearanceModes label{display:flex;align-items:center;gap:6px;min-height:44px;flex:1;padding:4px;cursor:pointer;font-size:.8rem;color:var(--ink)}
#appearanceModes input{accent-color:var(--accent);width:16px;height:16px;margin:0}
#appearanceFixed{font-size:.78rem;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400}
@media print{html[data-appearance="dark"]{--paper:#fff;--surface:#fff;--surface-2:#fff;--ink:#000;--muted:#333;color-scheme:light}}
html[data-appearance="dark"] .audience-choice{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}html[data-appearance="dark"] .audience-actions button{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}html[data-appearance="dark"] .audience-actions button:hover{background:var(--surface-2)}
html[data-appearance="dark"] .pricing-card.featured{background:#153c67}html[data-appearance="dark"] .category-tabs button[aria-pressed="true"]{background:#2466a1}html[data-appearance="dark"] .tag-test{color:#d4c8ff}
