/* Référence : header V3 LDB observé le 08/10/2026, couches qloa-ui-header/composer-header. */
:root {
  --base:#fff; --surface:#fafafa; --elevated:#f5f5f5;
  --ink:#0a0a0a; --muted:#525252; --subtle:#737373; --line:#e5e5e5;
  --surface2:var(--elevated);
  --primary:#000; --on-primary:#fff;
  --ok:#167045; --ok-bg:#edf7f1; --warn:#8a500d; --warn-bg:#fff6e8;
  --danger:#b42318; --danger-bg:#fff1f0; --blue:#2563eb;
  --rail:233px; --radius:9.8px;
  --font:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;
  --v3-header-height:55px; --bar:var(--v3-header-height);
  --v3-plus-width:56px; --v3-action-icon:24px;
  --v3-message-width:186px; --v3-message-compact-width:162px;
  --v3-message-padding:24px; --v3-message-gap:12px; --v3-envelope-size:22px;
  --v3-control-font:13px; --v3-control-weight:600;
  --v3-menu-width:250px; --v3-menu-radius:10px; --v3-menu-entry-height:40px;
  --v3-viewbar-height:44px; --v3-tab-height:36px; --v3-tab-radius:8px;
  --v3-mobile-viewbar-height:52px; --v3-mobile-target:44px;
  --v3-composer-width:380px;
  --v3-action-gradient:linear-gradient(115deg,#ff472224 0%,#ffad8138 22%,#fff4ea30 40%,#276c8c30 65%,#5399b32b 78%,#ff472224 100%);
  --v3-action-gradient-size:260% 160%; --v3-action-drift:4.5s;
}
/* --surface2 est résolu sur :root avec le --elevated CLAIR ; en sombre, le re-déclarer sur body.dark (où --elevated est
   sombre) : pastilles de compteur, « Non attribué » et survols des menus ne restent plus blancs sur fond sombre. */
body.dark{--surface2:var(--elevated)}