@font-face {
  font-family: 'Instrument Sans';
  src: url('/fonts/InstrumentSans.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;}
@font-face {font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap;}
:root {
  --font-ui: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --surface-page: #e1eeeb;
  --surface: #ffffff;
  --surface-subtle: #cde2dd;
  --ink: #233b39;
  --ink-secondary: #49625f;
  --ink-tertiary: #536d69;
  --line: #b6cfca;
  --line-strong: #77948e;
  --action: #294b87;
  --action-hover: #1d3562;
  --positive: #2c593c;
  --positive-surface: #eaf3ed;
  --attention: #6a4017;
  --attention-surface: #f2dfac;
  --negative: #9a4034;
  --negative-surface: #fbefed;
  --radius-control: 6px;
  --radius-image: 3px;
  --highlight: #cddcf2;
  --highlight-ink: #243f68;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
}