/* Term Loan Studio — design tokens (light + dark). Edit these to match the site.
   Dark mode follows the visitor's system; force it with <html data-theme="dark"|"light">. */
:root {
  --bg: #f9f9f7; --surface: #fcfcfb; --panel: #f3f3ef;
  --ink: #0b0b0b; --ink2: #52514e; --muted: #898781;
  --grid: #e1e0d9; --axis: #c3c2b7; --border: rgba(11,11,11,.12); --hover: rgba(11,11,11,.05);
  --accent: #2a78d6; --accent-ink: #1c5cab; --on-accent: #ffffff;
  --s1: #2a78d6; --s1d: #0d366b; --s2: #eb6834; --s3: #1baf7a; --s5: #e87ba4; --s7: #6250d6;
  --good: #0ca30c; --good-text: #006300; --warn: #fab219; --serious: #ec835a; --crit: #d03b3b; --crit-text: #c02f2f;
  --band-bg: #11151c; --band-fg: #f0efec; --band-muted: #a3a8b3; --band-line: rgba(255,255,255,.11); --band-accent: #7fb2f5;
  --shadow: 0 1px 2px rgba(11,11,11,.05);
  --font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d0d0d; --surface: #1a1a19; --panel: #141413;
    --ink: #f0efec; --ink2: #c3c2b7; --muted: #898781;
    --grid: #2c2c2a; --axis: #383835; --border: rgba(255,255,255,.11); --hover: rgba(255,255,255,.06);
    --accent: #3987e5; --accent-ink: #86b6ef; --on-accent: #0b0b0b;
    --s1: #3987e5; --s1d: #9ec5f4; --s2: #d95926; --s3: #199e70; --s5: #d55181; --s7: #9085e9;
    --good-text: #0ca30c; --crit-text: #e66767;
    --band-bg: #1a1a19; --band-line: rgba(255,255,255,.09);
    --shadow: none; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0d0d0d; --surface: #1a1a19; --panel: #141413;
  --ink: #f0efec; --ink2: #c3c2b7; --muted: #898781;
  --grid: #2c2c2a; --axis: #383835; --border: rgba(255,255,255,.11); --hover: rgba(255,255,255,.06);
  --accent: #3987e5; --accent-ink: #86b6ef; --on-accent: #0b0b0b;
  --s1: #3987e5; --s1d: #9ec5f4; --s2: #d95926; --s3: #199e70; --s5: #d55181; --s7: #9085e9;
  --good-text: #0ca30c; --crit-text: #e66767;
  --band-bg: #1a1a19; --band-line: rgba(255,255,255,.09);
  --shadow: none; color-scheme: dark;
}

/* ---- Standalone page frame: delete this rule when embedding inside an existing layout ---- */
body { background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 14px; line-height: 1.45; padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)); padding-block: 20px 40px; }