:root {
  --bg: #171717;
  --side: #212121;
  --panel: #2a2a2a;
  --panel2: #303030;
  --border: #3a3a3a;
  --border2: #4a4a4a;
  --t0: #ffffff;
  --t1: #ececec;
  --t2: #a0a0a0;
  --t3: #7a7a7a;
  --accent: #ececec;
  --green: #3fb950;
  --amber: #d29922;
  --red: #f85149;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --sans: 'Inter', system-ui, sans-serif;
  --r1: 10px;
  --r2: 14px;
  --r3: 18px;
  --fs-caption: 11px;
  --fs-small: 12px;
  --fs-body: 13px;
  --fs-title: 14px;
  --fs-heading: 16px;
  --fs-metric: 26px;
  --fs-hero: 40px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --chart-grid: #2c2c2c;
  --chart-axis: #4a4a4a;
  --series-1: #d97757;
  --series-2: #8caec9;
  --series-3: #c9a84c;
  --series-4: #86b39c;
  --series-5: #a98fc0;
  --series-6: #97999e;
}
:root[data-theme='light'] {
  --bg: #f0f0f0; /* the GROUND — lightened to match the chat chip tone (user-ruled pass 4) */
  --side: #f6f6f6;
  --panel: #fdfdfd;
  --panel2: #ffffff;
  --border: #d8d8d8;
  --border2: #c0c0c0;
  --t0: #000000;
  --t1: #1f1f1f;
  --t2: #5f5f5f;
  --t3: #8c8c8c;
  --accent: #1f1f1f;
  --green: #1a7f37;
  --amber: #9a6700;
  --red: #cf222e;
  --chart-grid: #e6e6e6;
  --chart-axis: #c2c2c2;
  color-scheme: light;
}
/* THE HUED SERIES RAMP (2026-07-26, user-directed — the T40 color fork's recorded
   exemption exercised: data series only, chrome stays MONOCHROME, status hues untouched.
   Final ratification is the user's, ON PIXELS; the mono ramp for instant revert:
   #ececec #b0b0b0 #858585 #616161 #474747 #383838 */
@font-face { font-family: 'Inter'; src: url('/assets/fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/fonts/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/fonts/JetBrainsMono-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/fonts/JetBrainsMono-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
body { margin: 0; font-family: var(--sans); background: var(--bg); color: var(--t1); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(154, 154, 154, 0.22); border-radius: 5px; border: 2px solid transparent; background-clip: padding-box; min-height: 32px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(154, 154, 154, 0.42); }
::-webkit-scrollbar-thumb:active { background-color: rgba(154, 154, 154, 0.55); }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }