/* Couleurs de sharezone — clair / sombre. Unique source des couleurs de l'appli.
   Thème choisi : <html data-theme="light|dark"> (macaron, js/theme.js) ;
   sans attribut = automatique, suit le système (prefers-color-scheme). */
:root {
  color-scheme: light;
  --bg: #edf1f2; --panel: #fff; --panel-2: #f5f8f8; --text: #1d2426; --muted: #67757a;
  --line: #cfd8da; --field-line: #93a3a8; --field: #fff;
  --bar: #dfe9ea; --bar-line: #b5c9cc; --row-hover: #e6f2f2;
  --accent: #0f7f86; --accent-2: #0a6268; --accent-soft: #d6eef0;
  --ok: #1f9d55; --ok-bg: #e5f6ec; --ko: #d63a3a; --ko-bg: #fdecec; --warn: #9a6200; --warn-bg: #fff4dc;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #141a1c; --panel: #1d2427; --panel-2: #192023; --text: #e2e8ea; --muted: #93a1a6;
  --line: #313b3f; --field-line: #4a575c; --field: #161c1e;
  --bar: #1a2427; --bar-line: #2c3a3e; --row-hover: #20302f;
  --accent: #2bb3ba; --accent-2: #47c6cc; --accent-soft: #163a3d;
  --ok-bg: #173323; --ko-bg: #3a1f1f; --warn: #e0a83a; --warn-bg: #3a3018;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #141a1c; --panel: #1d2427; --panel-2: #192023; --text: #e2e8ea; --muted: #93a1a6;
    --line: #313b3f; --field-line: #4a575c; --field: #161c1e;
    --bar: #1a2427; --bar-line: #2c3a3e; --row-hover: #20302f;
    --accent: #2bb3ba; --accent-2: #47c6cc; --accent-soft: #163a3d;
    --ok-bg: #173323; --ko-bg: #3a1f1f; --warn: #e0a83a; --warn-bg: #3a3018;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--text); font: 15px/1.5 system-ui, sans-serif; }
a { color: var(--accent); }
.muted { color: var(--muted); }
.error { color: var(--ko); }