/* Generated by tools/compile-tokens.mjs from tokens.json. Do not edit. */
:root {
  --palette-gray-0: #FFF5D1;
  --palette-gray-200: #DDDCD6;
  --palette-gray-500: #8A8983;
  --palette-gray-700: #4A4946;
  --palette-gray-900: #1C1C1A;
  --palette-signal-500: #1E40AF;
  --color-base: var(--palette-gray-0);
  --color-surface: #FFFFFF;
  --color-ink: var(--palette-gray-900);
  --color-ink-muted: var(--palette-gray-500);
  --color-line: var(--palette-gray-200);
  --color-signal: var(--palette-signal-500);
  --color-signal-ink: var(--palette-gray-0);
  --type-family-diatype: "ABC Diatype", system-ui, sans-serif;
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-spec-font-family: var(--type-family-diatype);
  --type-spec-font-weight: var(--type-weight-regular);
  --type-spec-font-size: 13px;
  --type-spec-line-height: 1.5;
  --type-spec-letter-spacing: 0.04em;
  --type-spec-font-feature-settings: 'tnum' 1;
  --type-body-font-family: var(--type-family-diatype);
  --type-body-font-weight: var(--type-weight-regular);
  --type-body-font-size: 17px;
  --type-body-line-height: 1.55;
  --type-body-letter-spacing: 0;
  --type-lead-font-family: var(--type-family-diatype);
  --type-lead-font-weight: var(--type-weight-regular);
  --type-lead-font-size: 21px;
  --type-lead-line-height: 1.45;
  --type-lead-letter-spacing: 0;
  --type-heading-font-family: var(--type-family-diatype);
  --type-heading-font-weight: var(--type-weight-medium);
  --type-heading-font-size: 26px;
  --type-heading-line-height: 1.3;
  --type-heading-letter-spacing: 0;
  --type-display-xl-font-family: var(--type-family-diatype);
  --type-display-xl-font-weight: var(--type-weight-medium);
  --type-display-xl-font-size: 72px;
  --type-display-xl-line-height: 1.05;
  --type-display-xl-letter-spacing: -0.02em;
  --type-quote-font-family: var(--type-family-diatype);
  --type-quote-font-weight: var(--type-weight-regular);
  --type-quote-font-style: italic;
  --type-quote-font-size: 26px;
  --type-quote-line-height: 1.4;
  --type-quote-letter-spacing: 0;
  --type-display-font-family: var(--type-family-diatype);
  --type-display-font-weight: var(--type-weight-medium);
  --type-display-font-size: 42px;
  --type-display-line-height: 1.1;
  --type-display-letter-spacing: -0.01em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-unit: 4px;
  --measure-story: 66ch;
  --measure-spec: 46ch;
  --radius-none: 0px;
  --motion-duration-quick: 120ms;
  --motion-duration-settle: 240ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}