/* ============================================================
   BA/HUB — THEME TOKENS
   Light and dark colour, type and spacing variables.
   Every other stylesheet reads these — change a value here
   and it updates everywhere it's used.
   ============================================================ */
:root{
  /* Tells the browser which scheme to paint native UI in: <select>
     popups, scrollbars, focus rings, autofill. Without it those are
     drawn light while the page is dark, which is how the RACI/RASCI
     dropdown options ended up as near-white text on a white popup. */
  color-scheme: light;

  --paper:#F5F6F8;
  --surface:#FFFFFF;
  --surface-raised:#FFFFFF;
  --ink:#1A2233;
  --steel:#5B6472;
  --steel-soft:#8891A0;
  --line:#DCE1E8;
  --line-soft:#E9ECF1;
  --signal:#2B5DAA;
  --signal-soft:#EAF0FA;
  --flag:#B9701F;
  --flag-soft:#FBF0E0;
  --danger:#B23A3A;
  --danger-soft:#F8E7E7;
  --ok:#2F7D4F;
  --ok-soft:#E4F1E9;
  /* Two extra accents the Best Practice guides need for work-item types.
     The existing signal/ok/flag/danger set only stretches to four,
     and a rubric with four tabs plus approve/reject states needs
     six that stay apart from each other in both themes. */
  --violet:#6B4FBF;
  --violet-soft:#ECE6F8;
  --rust:#B45A2A;
  --rust-soft:#FAE7D9;
  --font-display:'Space Grotesk',-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  --radius-s:4px;
  --radius-m:8px;
  --sidebar-w:280px;
  --sidebar-collapsed-w:98px;
  --topbar-h:60px;
  --shadow-card:0 1px 2px rgba(26,34,51,.06), 0 1px 0 rgba(26,34,51,.03);
  --shadow-pop:0 12px 32px rgba(20,26,40,.18);
}
html[data-theme="dark"]{
  color-scheme: dark;

  --paper:#10141C;
  --surface:#171C26;
  --surface-raised:#1D2330;
  --ink:#E8EAF0;
  --steel:#9AA3B2;
  --steel-soft:#6B7383;
  --line:#2A3140;
  --line-soft:#232936;
  --signal:#6E9EE0;
  --signal-soft:#1B2A3E;
  --flag:#E3A25A;
  --flag-soft:#2E2515;
  --danger:#E37373;
  --danger-soft:#2E1A1A;
  --ok:#5FBE85;
  --ok-soft:#16281E;
  --violet:#AE93EC;
  --violet-soft:#241C38;
  --rust:#E0966A;
  --rust-soft:#2E1E14;
  --shadow-card:0 1px 2px rgba(0,0,0,.3);
  --shadow-pop:0 16px 40px rgba(0,0,0,.5);
}