/* Thème sombre par défaut ; clair si le système le demande (mode « Auto ») ou si choisi à la main. */
:root{--bg:#0F1220;--card:#181c33;--card2:#20254a;--fg:#F1F1F1;--mut:#8f95b8;--acc:#686DF3;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--line:#ffffff14;color-scheme:dark}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f2f3fa;--card:#fff;--card2:#e9eaf8;--fg:#14172e;--mut:#5a6086;--acc:#4a50e0;--line:#0000001f;color-scheme:light}}
:root[data-theme=light]{--bg:#f2f3fa;--card:#fff;--card2:#e9eaf8;--fg:#14172e;--mut:#5a6086;--acc:#4a50e0;--line:#0000001f;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px "DM Sans",system-ui,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button,.btn{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{border-color:var(--acc)}
button:disabled{opacity:.5;cursor:default}
input,select{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;width:100%;min-width:0}
input:focus,select:focus,button:focus-visible,.btn:focus-visible{outline:2px solid var(--acc);outline-offset:1px}