/* Generated from tokens.json. Run node build-tokens.mjs after token edits. */
.ds-root {
  --ds-color-blue: #2838ad;
  --ds-color-paper: #f4f1e9;
  --ds-font-display: "CTA Geist", sans-serif;
  --ds-font-body: "CTA Geist Mono", monospace;
  --ds-font-mono: "CTA Geist Mono", monospace;
  --ds-space-s0: 0px;
  --ds-space-s4: 4px;
  --ds-space-s8: 8px;
  --ds-space-s12: 12px;
  --ds-space-s16: 16px;
  --ds-space-s20: 20px;
  --ds-space-s24: 24px;
  --ds-space-s32: 32px;
  --ds-space-s48: 48px;
  --ds-space-s64: 64px;
  --ds-space-s96: 96px;
  --ds-type-small: 13px;
  --ds-type-body: 15px;
  --ds-type-lead: 18px;
  --ds-type-title: 32px;
  --ds-type-section: 48px;
  --ds-type-display: 96px;
  --ds-type-bodyLeading: 1.65;
  --ds-type-headingLeading: 1.08;
  --ds-type-tracking: -.025em;
  --ds-layout-content: 1280px;
  --ds-layout-reading: 68ch;
  --ds-layout-gutter: clamp(20px, 4vw, 56px);
  --ds-layout-section: clamp(48px, 8vw, 96px);
  --ds-layout-breakpoint: 768px;
  --ds-control-height: 44px;
  --ds-control-largeHeight: 48px;
  --ds-control-border: 1px;
  --ds-control-radius: 0px;
  --ds-control-focus: 2px;
  --ds-motion-duration: 120ms;
  --ds-motion-easing: ease-out;
  --ds-film-strength: 0.28;
  --ds-theme-canvas: var(--ds-color-blue);
  --ds-theme-ink: var(--ds-color-paper);
}
