/* GENERATED from tokens.json by bin/tokens.py. Do not edit.
 * Rules for these values: DESIGN-SYSTEM.md. Orange is a fill, the mark, or
 * accent text on ink; on cream or white the orange you read is ember.
 */
:root {
  --ink: #1C1B19;
  --ink-2: #2A2824;
  --ink-3: #34312C;
  --orange: #FF4F00;
  --orange-hover: #FF6A26;
  --ember: #B83A00;
  --ember-deep: #8F2D00;
  --cream: #F2EBDC;
  --sail: #F6F2EA;
  --white: #FFFFFF;
  --text: #1C1B19;
  --muted: #57534C;
  --muted-dark: #F6F2EAC7;
  --danger: #A61B1B;
  --success: #2E6B3F;
  --line-light: #1C1B1924;
  --line-dark: #F6F2EA29;

  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-ui: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --stretch-wordmark: 125%;
  --stretch-heading: 112%;
  --stretch-ui: 100%;
  --weight-boost: 100;
  --weight-max: 900;

  --type-display-family: var(--font-display);
  --type-display-size: 76px;
  --type-display-line: 1.02;
  --type-display-weight: 800;
  --type-display-tracking: -0.01em;
  --type-h1-family: var(--font-display);
  --type-h1-size: 56px;
  --type-h1-line: 1.04;
  --type-h1-weight: 800;
  --type-h1-tracking: -0.01em;
  --type-h2-family: var(--font-display);
  --type-h2-size: 48px;
  --type-h2-line: 1.05;
  --type-h2-weight: 800;
  --type-h2-tracking: -0.01em;
  --type-h3-family: var(--font-display);
  --type-h3-size: 30px;
  --type-h3-line: 1.1;
  --type-h3-weight: 800;
  --type-h3-tracking: -0.01em;
  --type-lead-family: var(--font-body);
  --type-lead-size: 24px;
  --type-lead-line: 1.5;
  --type-lead-weight: 400;
  --type-lead-tracking: 0em;
  --type-body-family: var(--font-body);
  --type-body-size: 20px;
  --type-body-line: 1.6;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-small-family: var(--font-body);
  --type-small-size: 17px;
  --type-small-line: 1.55;
  --type-small-weight: 400;
  --type-small-tracking: 0em;
  --type-button-family: var(--font-ui);
  --type-button-size: 18px;
  --type-button-line: 1.2;
  --type-button-weight: 700;
  --type-button-tracking: 0em;
  --type-nav-family: var(--font-ui);
  --type-nav-size: 16px;
  --type-nav-line: 1.2;
  --type-nav-weight: 600;
  --type-nav-tracking: 0em;
  --type-eyebrow-family: var(--font-mono);
  --type-eyebrow-size: 13px;
  --type-eyebrow-line: 1.4;
  --type-eyebrow-weight: 500;
  --type-eyebrow-tracking: 0.16em;
  --type-tag-family: var(--font-mono);
  --type-tag-size: 12px;
  --type-tag-line: 1.4;
  --type-tag-weight: 500;
  --type-tag-tracking: 0.06em;
  --type-app-title-family: var(--font-display);
  --type-app-title-size: 28px;
  --type-app-title-line: 1.15;
  --type-app-title-weight: 800;
  --type-app-title-tracking: -0.01em;
  --type-app-heading-family: var(--font-display);
  --type-app-heading-size: 19px;
  --type-app-heading-line: 1.25;
  --type-app-heading-weight: 800;
  --type-app-heading-tracking: 0em;
  --type-app-body-family: var(--font-ui);
  --type-app-body-size: 15px;
  --type-app-body-line: 1.5;
  --type-app-body-weight: 400;
  --type-app-body-tracking: 0em;
  --type-app-label-family: var(--font-mono);
  --type-app-label-size: 11px;
  --type-app-label-line: 1.4;
  --type-app-label-weight: 500;
  --type-app-label-tracking: 0.12em;
  --type-figure-family: var(--font-mono);
  --type-figure-size: 15px;
  --type-figure-line: 1.4;
  --type-figure-weight: 500;
  --type-figure-tracking: 0em;

  --space-gutter: 80px;
  --space-gutter-sm: 16px;
  --space-section: 104px;
  --space-section-sm: 64px;
  --space-stack: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-content: 1280px;
  --space-measure: 760px;
  --radius-btn: 2px;
  --radius-input: 2px;
  --radius-icon: 2px;
  --radius-chip: 0px;
  --radius-card: 0px;
  --radius-panel: 0px;
  --border-hairline: 1px;
  --border-control: 1.5px;
  --border-rule: 3px;
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-slow: 250ms;
}