/* GENERATED by packages/tokens/build.js — edit tokens.js, not this file. */
:root {
  --color-bg: #F7F5F0;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EFEDE6;
  --color-line: #E1DED2;
  --color-line-strong: #CFCABD;
  --color-ink: #161D12;
  --color-ink-muted: #5C6353;
  --color-ink-faint: #8A8F80;
  --color-plate: #1F2A1C;
  --color-plate-deep: #141C11;
  --color-lime: #E7F890;
  --color-lime-dim: #C9DE6B;
  --color-moss: #4A6325;
  --color-ok-bg: #DCEEC8;
  --color-ok-fg: #2E4A16;
  --color-warn-bg: #FBEDC4;
  --color-warn-fg: #6B4E10;
  --color-bad-bg: #F6D9D2;
  --color-bad-fg: #7A2E1C;
  --color-neutral-bg: #EAE8E0;
  --color-neutral-fg: #5C6353;
  --color-on-plate: #F2F5EC;
  --color-on-plate-muted: #9AA48F;
  --color-plate-line: #33422C;
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-sans: 'Instrument Sans', -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-xxl: 28px;
  --text-xxxl: 36px;
  --text-display: 52px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-xxxl: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
}