/* Auto-generated by tools/build-tokens.mjs from DESIGN.md.
   Do not hand-edit — change DESIGN.md and rerun the build. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.16/files/inter-latin-variable-wghtOnly-normal.woff2') format('woff2-variations');
}

:root {
  --color-primary: #22c55e;
  --color-primary-pressed: #16a34a;
  --color-primary-deep: #15803d;
  --color-on-primary: #fffefb;
  --color-ink: #201515;
  --color-ink-soft: #2f2a26;
  --color-ink-mid: #36342e;
  --color-body: #605d52;
  --color-body-mid: #939084;
  --color-mute: #c5c0b1;
  --color-canvas: #fffefb;
  --color-canvas-soft: #f8f4f0;
  --color-terminal-bg: #1c1e22;
  --color-terminal-text: #d8d4cc;
  --color-terminal-accent: #22c55e;
  --color-terminal-mute: #6b7280;
  --color-terminal-link: #5eb1ff;
  --color-terminal-string: #e8c46d;

  --typography-display-xl-family: Inter, system-ui, -apple-system, sans-serif;
  --typography-display-xl-size: 56px;
  --typography-display-xl-weight: 500;
  --typography-display-xl-line-height: 56px;
  --typography-display-lg-family: Inter, system-ui, sans-serif;
  --typography-display-lg-size: 48px;
  --typography-display-lg-weight: 500;
  --typography-display-lg-line-height: 48px;
  --typography-display-md-family: Inter, system-ui, sans-serif;
  --typography-display-md-size: 32px;
  --typography-display-md-weight: 500;
  --typography-display-md-line-height: 36px;
  --typography-display-md-tracking: 1px;
  --typography-display-sub-lg-family: Inter, system-ui, sans-serif;
  --typography-display-sub-lg-size: 48px;
  --typography-display-sub-lg-weight: 500;
  --typography-display-sub-lg-line-height: 49.92px;
  --typography-display-sub-md-family: Inter, system-ui, sans-serif;
  --typography-display-sub-md-size: 32px;
  --typography-display-sub-md-weight: 400;
  --typography-display-sub-md-line-height: 40px;
  --typography-display-sub-sm-family: Inter, system-ui, sans-serif;
  --typography-display-sub-sm-size: 24px;
  --typography-display-sub-sm-weight: 600;
  --typography-display-sub-sm-line-height: 30px;
  --typography-display-sub-sm-tracking: -0.6px;
  --typography-display-xs-family: Inter, system-ui, sans-serif;
  --typography-display-xs-size: 20px;
  --typography-display-xs-weight: 700;
  --typography-display-xs-line-height: 25px;
  --typography-display-xs-tracking: -0.5px;
  --typography-body-lg-family: Inter, system-ui, sans-serif;
  --typography-body-lg-size: 20px;
  --typography-body-lg-weight: 400;
  --typography-body-lg-line-height: 30px;
  --typography-body-lg-tracking: -0.2px;
  --typography-body-md-family: Inter, system-ui, sans-serif;
  --typography-body-md-size: 18px;
  --typography-body-md-weight: 400;
  --typography-body-md-line-height: 27px;
  --typography-body-md-strong-family: Inter, system-ui, sans-serif;
  --typography-body-md-strong-size: 18px;
  --typography-body-md-strong-weight: 600;
  --typography-body-md-strong-line-height: 27px;
  --typography-body-sm-family: Inter, system-ui, sans-serif;
  --typography-body-sm-size: 16px;
  --typography-body-sm-weight: 400;
  --typography-body-sm-line-height: 24px;
  --typography-body-sm-strong-family: Inter, system-ui, sans-serif;
  --typography-body-sm-strong-size: 16px;
  --typography-body-sm-strong-weight: 600;
  --typography-body-sm-strong-line-height: 24px;
  --typography-caption-family: Inter, system-ui, sans-serif;
  --typography-caption-size: 14px;
  --typography-caption-weight: 400;
  --typography-caption-line-height: 21px;
  --typography-eyebrow-uppercase-family: Inter, system-ui, sans-serif;
  --typography-eyebrow-uppercase-size: 14px;
  --typography-eyebrow-uppercase-weight: 500;
  --typography-eyebrow-uppercase-line-height: 14px;
  --typography-eyebrow-uppercase-tracking: 1px;
  --typography-button-md-family: Inter, system-ui, sans-serif;
  --typography-button-md-size: 18px;
  --typography-button-md-weight: 600;
  --typography-button-md-line-height: 27px;
  --typography-button-sm-family: Inter, system-ui, sans-serif;
  --typography-button-sm-size: 14.4px;
  --typography-button-sm-weight: 700;
  --typography-button-sm-line-height: 14.4px;
  --typography-button-sm-tracking: 0.144px;
  --typography-mono-code-family: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --typography-mono-code-size: 14px;
  --typography-mono-code-weight: 400;
  --typography-mono-code-line-height: 21px;
  --typography-mono-caption-family: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --typography-mono-caption-size: 12px;
  --typography-mono-caption-weight: 400;
  --typography-mono-caption-line-height: 18px;

  --rounded-none: 0px;
  --rounded-sm: 6px;
  --rounded-md: 12px;
  --rounded-pill: 9999px;
  --rounded-full: 9999px;

  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
}