:root{
  --navy:#082E4A; --navy-2:#0B3A5E; --cyan:#00ACCD; --cyan-ink:#0A7C94;
  --slate:#51606B; --muted:#8696A1; --line:#E6E9EC; --bg:#FFFFFF;
  --bg-soft:#F6F9FA; --bg-band:#EFF4F6;
  --display:'Plus Jakarta Sans',sans-serif; --body:'Inter',sans-serif; --mono:'JetBrains Mono',monospace;

  /* Extra utility shades used in chrome/page CSS: not part of the four
     identity colours, but every colour has to live here, not scattered
     as raw hex through the stylesheets. */
  --cyan-light:#36C6E0;
  --cyan-tint:#E8F5F7;
  --ink-on-cyan:#04222C;
  --cta-border:#2C5470;
  --cta-text-soft:#B6C8D4;
  --amber:#C9913A;
  --gold:#E5A93D;
  --gold-tint:#FBF3DF;
  --border-soft:#C1CCD3;
  --muted-soft:#C2CCD2;
  --grey-mid:#9AA2A9;
  --grey-light:#BCC4CB;
  --chip-border:#D6DDE1;
  --card-border-hover:#C4CED4;
  --icon-bg:#E4F3F6;
  --saas-text:#CFE0EA;
  --cyan-pale:#5BC7DF;
  --navy-deep:#0A3354;
  --navy-line:#1F4A63;
  --saas-muted:#9DB4C2;
  --snap-icon:#9AACB6;
  --rt-soon-bg:#EEF3F5;
  --pain-icon:#CF9090;
  --line-faint:#F0F3F5;
  --on-navy-soft:#CFE8EE;

  /* Machine access (the one dark page) palette. This page inverts to a dark
     technical skin; its shades belong here like every other colour, never as
     raw hex in the page stylesheet. Prefixed --m- so they never collide with
     the light identity tokens above. The cyan-deep button fill (#00ACCD) and
     the ink-on-cyan text (#04222C) reuse the existing --cyan and
     --ink-on-cyan; the ownership grey reuses --muted. */
  --m-bg:#08161F;
  --m-panel:#0E2230;
  --m-panel-2:#0B1D28;
  --m-panel-out:#0C2330;
  --m-code:#061019;
  --m-line:#1C3343;
  --m-line-2:#1F485A;
  --m-panel-2-border:#22343F;
  --m-dash:#1B2E39;
  --m-td-border:#16394A;
  --m-icon-bg:#11303D;
  --m-card-hover:#2A4B5F;
  --m-cyan:#34C5DE;
  --m-ink:#EAF2F6;
  --m-slate:#9FB4C0;
  --m-muted:#6E8694;
  --m-code-text:#C7D6DF;
  --m-bf:#9FB3BF;
  --m-str:#8FD49A;
  --m-num:#F0B86E;
  --m-dot-red:#E25B5B;
  --m-dot-amber:#E3B341;
  --m-dot-green:#3FB950;
}
