/* Generated from the design system (https://claude.ai/artifact/33Ckh9SE8s9oaHhLjFHnqE,
   project/tokens.json): edit the token there, not here. `blue` fails on
   `night` (2.3:1); on dark bands use `muted-night`, not `muted`. */

:root,
[data-theme="light"] {
  --paper: #ffffff;
  --surface: #f3f5f8;
  --rule: #dfe4ea;
  --night: #141a22;
  --ink: #0f1319;
  --text: #272e38;
  --muted: #5a6472;
  --muted-night: #98a1ae;
  --blue: #1b4db3;
  --blue-tint: #e9f0fc;
  --signal: #e24e12;
  --signal-text: #c2410c;
  --signal-tint: #fdece5;
  --path-start: #0e7c5a;
  --path-grow: var(--blue);
  --path-team: #8b2e6e;
  --path-support: #b8460f;
  --shadow-header: 0 2px 12px rgba(15, 19, 25, 0.08);
  --shadow-menu: 0 12px 30px rgba(15, 19, 25, 0.16);
}

:root {
  --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-24: 96px;
  --space-32: 128px;
  --gutter-mobile: 20px;
  --band-mobile: 56px;
  --hero-mobile-top: 104px;
  --radius-0: 0;
  --radius-2: 2px;
  --radius-round: 9999px;
  --column-book: 40rem;
  --column-prose: 48rem;
  --column-large: 68rem;
  --font-sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: Merriweather, Georgia, "Times New Roman", serif;
}

/* Site */
.hero-1 {
  font-family: var(--font-sans);
  font-size: 56px;
  line-height: 59px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.hero-mobile {
  font-family: var(--font-sans);
  font-size: 36px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.title-page {
  font-family: var(--font-sans);
  font-size: 44px;
  line-height: 51px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.title-page-mobile {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.title-section {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.title-section-mobile {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 31px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.subtitle {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.hook {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 31px;
  font-weight: 400;
}

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

.label {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.kicker {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

/* Book */
.book-title {
  font-family: var(--font-serif);
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.book-body {
  font-family: var(--font-serif);
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
}

.book-epigraph {
  font-family: var(--font-serif);
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
  font-style: italic;
}