/* YESBY MIND — global.css */
/* Socle responsive clair/sombre, inspiré de l'architecture HOTEL. */
:root{color-scheme:light;--bg:#f3f4f6;--surface:#fff;--text:#151922;--sub:#5f6979;--line:#d9dde4;--accent:#2368c9;--hover:#e9eef6}
:root[data-theme="dark"]{color-scheme:dark;--bg:#15171b;--surface:#24282f;--text:#f0f2f6;--sub:#b7bec9;--line:#414955;--accent:#79adff;--hover:#343c48}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#15171b;--surface:#24282f;--text:#f0f2f6;--sub:#b7bec9;--line:#414955;--accent:#79adff;--hover:#343c48}}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent)}
.layout{min-height:100vh;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:18px;min-height:70px;padding:10px 28px;background:var(--surface);border-bottom:1px solid var(--line)}
.brand{font-size:22px;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.06em}
.topbar nav{display:flex;align-items:center;flex:1;gap:5px}
.topbar nav a{display:block;padding:10px 13px;border-radius:9px;color:var(--text);text-decoration:none}
.topbar nav a:hover,.topbar nav a.active{background:var(--hover)}
.topbar nav a.active{font-weight:700}
.topbar-actions{margin-left:auto;display:flex;gap:8px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:22px;cursor:pointer}
.burger{display:none}
main{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:28px 32px}
.hero,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,64px);margin-bottom:20px}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.1;margin:10px 0}
.hero p{max-width:700px;font-size:18px;color:var(--sub)}
.eyebrow{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.panel{padding:24px}.panel h2{margin-top:0}.muted{color:var(--sub)}
.btn{display:inline-block;padding:10px 18px;border-radius:9px;background:#2368c9;color:#fff;text-decoration:none;font-weight:700}
.footer{padding:20px;text-align:center;color:var(--sub);border-top:1px solid var(--line)}
@media(max-width:720px){.topbar{padding:10px 16px;flex-wrap:wrap}.burger{display:inline-flex}.topbar nav{display:none;order:3;flex:0 0 100%;flex-direction:column;align-items:stretch}.topbar nav.open{display:flex}main{padding:16px}.hero,.panel{padding:24px}}

.btn-secondary{display:inline-block;border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;font:inherit}
.error{padding:12px;border-radius:9px;background:#ffe5e5;color:#8a1720;border:1px solid #d79292}
:root[data-theme="dark"] .error{background:#471f25;color:#ffd0d0;border-color:#b4616a}

/* Compteur des tâches actives du Kanban dans la navigation. */
.mind-kanban-count{display:inline-block;min-width:20px;padding:0 5px;margin-left:4px;border-radius:12px;background:var(--accent);color:var(--surface);font-size:11px;font-weight:700;line-height:19px;text-align:center;font-variant-numeric:tabular-nums}