/* GENERATED by tokens/build.py from tokens/tokens.json. Do not edit by hand. */

:root {
  /* color */
  --color-ink: #111418;
  --color-yellow: #FFC81E;
  --color-white: #FFFFFF;
  --color-paper: #FAFAF7;
  --color-line: #E7E7E2;
  --color-muted: #5B6270;
  --color-muted-on-dark: #9AA1AD;
  --color-ink-2: #1C2026;
  --color-ink-3: #2A2F37;
  --color-bg: var(--color-paper);
  --color-surface: var(--color-white);
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-muted);
  --color-border: var(--color-line);
  --color-accent: var(--color-yellow);
  --color-inverse-bg: var(--color-ink);
  --color-inverse-surface: var(--color-ink-2);
  --color-inverse-border: var(--color-ink-3);
  --color-inverse-text: var(--color-white);
  --color-inverse-text-muted: var(--color-muted-on-dark);

  /* font */
  --font-sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-heavy: 800;
  --font-black: 900;

  /* text */
  --text-display-size: clamp(56px, 11vw, 136px);
  --text-display-weight: var(--font-black);
  --text-display-line-height: 1.0;
  --text-display-tracking: -0.05em;
  --text-h2-size: clamp(36px, 5.5vw, 64px);
  --text-h2-weight: var(--font-black);
  --text-h2-line-height: 1.05;
  --text-h2-tracking: -0.03em;
  --text-h3-size: 26px;
  --text-h3-weight: var(--font-heavy);
  --text-h3-line-height: 1.1;
  --text-h3-tracking: -0.03em;
  --text-lead-size: clamp(18px, 2.2vw, 22px);
  --text-lead-weight: var(--font-regular);
  --text-lead-line-height: 1.55;
  --text-lead-tracking: 0;
  --text-body-lg-size: 19px;
  --text-body-lg-weight: var(--font-regular);
  --text-body-lg-line-height: 1.55;
  --text-body-lg-tracking: 0;
  --text-body-size: 16px;
  --text-body-weight: var(--font-regular);
  --text-body-line-height: 1.55;
  --text-body-tracking: 0;
  --text-small-size: 14px;
  --text-small-weight: var(--font-regular);
  --text-small-line-height: 1.5;
  --text-small-tracking: 0;
  --text-label-size: 13px;
  --text-label-weight: var(--font-bold);
  --text-label-line-height: 1.2;
  --text-label-tracking: 0.08em;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-32: 128px;

  /* radius */
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-pill: 999px;

  /* layout */
  --layout-max: 1120px;
  --layout-gutter: 24px;
  --layout-gutter-sm: 16px;
  --layout-nav: 68px;
  --layout-md: 900px;
  --layout-sm: 640px;

  /* motion */
  --motion-fast: 150ms;
  --motion-standard: ease;
}

/* Text styles: one class per text.style token. */
.text-display { font-size: var(--text-display-size); font-weight: var(--text-display-weight); line-height: var(--text-display-line-height); letter-spacing: var(--text-display-tracking); }
.text-h2 { font-size: var(--text-h2-size); font-weight: var(--text-h2-weight); line-height: var(--text-h2-line-height); letter-spacing: var(--text-h2-tracking); }
.text-h3 { font-size: var(--text-h3-size); font-weight: var(--text-h3-weight); line-height: var(--text-h3-line-height); letter-spacing: var(--text-h3-tracking); }
.text-lead { font-size: var(--text-lead-size); font-weight: var(--text-lead-weight); line-height: var(--text-lead-line-height); letter-spacing: var(--text-lead-tracking); }
.text-body-lg { font-size: var(--text-body-lg-size); font-weight: var(--text-body-lg-weight); line-height: var(--text-body-lg-line-height); letter-spacing: var(--text-body-lg-tracking); }
.text-body { font-size: var(--text-body-size); font-weight: var(--text-body-weight); line-height: var(--text-body-line-height); letter-spacing: var(--text-body-tracking); }
.text-small { font-size: var(--text-small-size); font-weight: var(--text-small-weight); line-height: var(--text-small-line-height); letter-spacing: var(--text-small-tracking); }
.text-label { font-size: var(--text-label-size); font-weight: var(--text-label-weight); line-height: var(--text-label-line-height); letter-spacing: var(--text-label-tracking); text-transform: uppercase; }