/* Prove7 Control Chat — theme tokens (light default + dark), toggled via
   <html data-theme>. Modeled on the Prove7 Container's dual-theme system so the
   two products feel identical. All component colors reference these vars — no
   hardcoded palette in styles.css. Light = the approved "Governed Console"
   (Option A); dark = the container-style deep navy. The navy top-bar chrome is a
   brand constant in both themes (its logo is always the light-ink lockup). */
:root{
  --chrome:#0b1c37; --on-chrome:#ffffff; --chrome-sub:#aebbd6; --chrome-line:#22406e;
  --steel-100:#c7d4ec; --r:10px; --r-lg:14px; --pill:999px;
  --mono:'SFMono-Regular',ui-monospace,Menlo,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
html[data-theme="light"]{
  --page:#eef2f8; --band:#f4f7fc; --surface:#ffffff; --surface-2:#f8fafd;
  --ink:#0d1b33; --ink-2:#43536e; --muted:#7a89a3; --faint:#9aa6bd;
  --line:#e4e9f2; --line-2:#d3dbe8;
  --accent:#22407e; --accent-ink:#ffffff; --steel:#6f86b8;
  --ok:#0f7a46; --okbg:#eaf5ee; --okline:#bfe2cd;
  --warn:#8a5a12; --warnbg:#fdf4e3; --warnline:#efdcae;
  --block:#a02525; --blockbg:#fbecec; --blockline:#f0cccc;
  --user-bubble:#0a1b34; --user-ink:#ffffff;
  --shadow:0 1px 2px rgba(13,27,51,.05),0 10px 30px -18px rgba(13,27,51,.35);
}
html[data-theme="dark"]{
  --page:#070f1d; --band:#0a182b; --surface:#0e2244; --surface-2:#0c1c39;
  --ink:#e9eef7; --ink-2:#a7b4cc; --muted:#7f8ca6; --faint:#5f6d85;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --accent:#6f86b8; --accent-ink:#0a1530; --steel:#8a99bd;
  --ok:#2ed58f; --okbg:rgba(46,213,143,.13); --okline:rgba(46,213,143,.32);
  --warn:#e7a43d; --warnbg:rgba(231,164,61,.14); --warnline:rgba(231,164,61,.4);
  --block:#ff6b61; --blockbg:rgba(255,107,97,.14); --blockline:rgba(255,107,97,.34);
  --user-bubble:#0e1d3c; --user-ink:#ffffff;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 18px 42px -20px rgba(0,0,0,.7);
}