/* Generated from design/tokens.json by `npm run site`. Do not edit. */
:root {
  --colour-ink: #1b1b1f;
  --colour-muted: #6c6c78;
  --colour-faint: #9a9aa6;
  --colour-line: #e4e4ea;
  --colour-bg: #ffffff;
  --colour-panel: #fafafc;
  --colour-sunk: #f4f4f7;
  --colour-lit: #b8860b;
  --colour-done: #2f7d5c;
  --colour-active: #2f5f9e;
  --colour-blocked: #a8622a;
  --colour-skipped: #b0b0ba;
  --colour-ongoing: #7a5ea8;
  --colour-on-ink: #fdfcf9;
  --colour-on-ink-muted: #a9a9b4;
  --colour-danger: #a3271f;
  --type-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --type-mono: ui-monospace, Menlo, Consolas, monospace;
  --type-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --type-scale-xs: 11px;
  --type-scale-s: 12.5px;
  --type-scale-base: 14.5px;
  --type-scale-reading: 16px;
  --type-scale-lg: 20px;
  --type-scale-xl: 23px;
  --type-scale-display: 40px;
  --type-lineHeight-tight: 1.3;
  --type-lineHeight-normal: 1.6;
  --type-lineHeight-reading: 1.65;
  --type-weight-regular: 400;
  --type-weight-strong: 600;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 12px;
  --space-l: 18px;
  --space-xl: 26px;
  --space-xxl: 40px;
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 10px;
  --radius-pill: 20px;
  --radius-box: 2px;
  --size-control: 44px;
  --size-edge: 1px;
  --size-edge-strong: 2px;
  --size-mark: 10px;
  --size-box: 16px;
  --size-chat: 320px;
  --size-column: 880px;
  --size-column-narrow: 640px;
  --size-measure: 38em;
  --size-bar-fold: 720px;
  --size-dialog: 560px;
  --size-text-min: 320px;
  --size-panel: 360px;
  --size-panel-beside: 1000px;
  --size-panel-beside-height: 520px;
  --size-panel-height: 280px;
  --size-panel-min: 280px;
  --size-panel-min-height: 120px;
  --size-page-min-height: 160px;
  --size-handle: 8px;
  --size-panel-step: 24px;
  --size-step: 560px;
  --motion-quick: 120ms;
  --motion-normal: 350ms;
}