/* Skin Studio: generated from design-system/tokens.json by scripts/build_tokens.py. Do not edit. */
:root {
  --surface-100: #fbf7f2;
  --surface-200: #f3ebe2;
  --ink: #2b2522;
  --ink-muted: #6b625c;
  --olive: #4b5033;
  --clay: #8c4a36;
  --clay-deep: #6f3726;
  --clay-tint: #ead7cc;
  --on-clay: #fbf7f2;
  --hairline: #e4dcd3;
  --font-display: var(--face-fraunces), var(--face-frank-ruhl-libre), var(--face-lora), Georgia, serif;
  --font-sans: var(--face-dm-sans), var(--face-assistant), var(--face-manrope), system-ui, sans-serif;
  --font-logo: var(--face-josefin-sans), system-ui, sans-serif;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
  --space-16: 64px;
  --radius-0: 0px;
  --radius-sm: 3px;
  --radius-pill: 999px;
  --display-xl-size: 64px;
  --display-xl-line: 68px;
  --display-lg-size: 44px;
  --display-lg-line: 50px;
  --heading-size: 28px;
  --heading-line: 34px;
  --lede-size: 20px;
  --lede-line: 30px;
  --body-size: 16px;
  --body-line: 26px;
  --eyebrow-size: 13px;
  --eyebrow-line: 16px;
  --meta-size: 14px;
  --meta-line: 20px;
}

.display-xl {
  font-family: var(--font-display);
  font-size: var(--display-xl-size);
  line-height: var(--display-xl-line);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.display-lg {
  font-family: var(--font-display);
  font-size: var(--display-lg-size);
  line-height: var(--display-lg-line);
  font-weight: 400;
}

.heading {
  font-family: var(--font-display);
  font-size: var(--heading-size);
  line-height: var(--heading-line);
  font-weight: 400;
}

.lede {
  font-family: var(--font-sans);
  font-size: var(--lede-size);
  line-height: var(--lede-line);
  font-weight: 400;
}

.body {
  font-family: var(--font-sans);
  font-size: var(--body-size);
  line-height: var(--body-line);
  font-weight: 400;
}

.eyebrow {
  font-family: var(--font-sans);
  font-size: var(--eyebrow-size);
  line-height: var(--eyebrow-line);
  font-weight: 600;
  letter-spacing: 0.14em;
}

.meta {
  font-family: var(--font-sans);
  font-size: var(--meta-size);
  line-height: var(--meta-line);
  font-weight: 400;
}