/* The one place the palette is defined. `console.html` and `studio.html` both
   link this; the studio used to carry a verbatim copy, so a colour changed in
   one surface silently did not change in the other.

   THE PALETTE IS THE LOGO'S (logo/sense-bridge-logo.png), sampled, not guessed:
     navy   #06204F  the "Sense" of the wordmark
     blue   #0B63CE  "Bridge"; azure #0A84E8 its lighter end
     teal   #14B8B0  the swoosh and the tail of "ge"
     amber  #F7A823  / orange #F2711C  the warm half of the globe
   Every text/background pair below meets WCAG AA (4.5:1) in both themes; the
   saturated teal and amber are used for fills, rules and marks, and darker
   "-ink" variants of them wherever they carry text.

   The historic names (--bg --panel --line --fg --dim --accent --ok --warn --bad)
   are kept on purpose: the console's JavaScript writes `var(--ok)` and friends
   into markup, and renaming them would have been a rename dressed as a redesign. */
:root{
  --navy:#06204F; --navy-2:#0A2E6E; --blue:#0B63CE; --azure:#0A84E8;
  --teal:#14B8B0; --teal-ink:#0B7F7A; --amber:#F7A823; --orange:#F2711C; --amber-ink:#A65A00;
  --grad:linear-gradient(135deg,#0B63CE 0%,#0A84E8 45%,#14B8B0 100%);
  --grad-warm:linear-gradient(90deg,#0A84E8 0%,#14B8B0 55%,#F7A823 100%);

  --bg:#F3F6FB; --panel:#FFFFFF; --panel-2:#F8FAFD; --line:#E2E8F1; --line-2:#CFD8E6;
  --fg:#0B1B3A; --dim:#56637D; --faint:#8A96AD;
  --accent:#0B63CE; --accent-ink:#0A55B0; --accent-soft:#E8F1FC;
  --primary:#0B63CE; --primary-hover:#0A55B0; --on-primary:#FFFFFF;
  --ok:#0B7350; --ok-soft:#E4F5EE; --warn:#A65A00; --warn-soft:#FDF3E1;
  --bad:#C0392B; --bad-soft:#FBEAE8;
  --ring:0 0 0 3px rgba(11,99,206,.28);
  --shadow-1:0 1px 2px rgba(11,27,58,.05),0 1px 1px rgba(11,27,58,.03);
  --shadow-2:0 1px 2px rgba(11,27,58,.05),0 8px 24px -8px rgba(11,27,58,.12);
  --shadow-3:0 20px 48px -16px rgba(6,32,79,.28);
  --radius:14px; --radius-sm:10px;
  --side:#06204F; --side-2:#0A2E6E; --side-fg:#DCE6F7; --side-dim:#8FA3C7;
  --side-hover:rgba(255,255,255,.07); --side-on:rgba(10,132,232,.22);
  --font:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
@media(prefers-color-scheme:dark){:root{
  --bg:#081122; --panel:#0E1A31; --panel-2:#12203B; --line:#1D2C4A; --line-2:#2A3C5F;
  --fg:#E6EDF8; --dim:#9CABC6; --faint:#6F7F9E;
  --accent:#5AAEFF; --accent-ink:#8CC6FF; --accent-soft:rgba(90,174,255,.12);
  --primary:#1570E0; --primary-hover:#1A7FF5; --on-primary:#FFFFFF;
  --teal-ink:#3DD6CB; --amber-ink:#F7B84A;
  --ok:#3DD598; --ok-soft:rgba(61,213,152,.12); --warn:#F7B84A; --warn-soft:rgba(247,184,74,.12);
  --bad:#FF7A6E; --bad-soft:rgba(255,122,110,.12);
  --ring:0 0 0 3px rgba(90,174,255,.35);
  --shadow-1:0 1px 2px rgba(0,0,0,.35);
  --shadow-2:0 1px 2px rgba(0,0,0,.3),0 10px 28px -10px rgba(0,0,0,.55);
  --shadow-3:0 24px 56px -18px rgba(0,0,0,.7);
  --side:#050D1C; --side-2:#081733; --side-fg:#D6E1F5; --side-dim:#7F93B8;
  color-scheme:dark;
}}