:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Fraunces", "Instrument Serif", Georgia, serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-lg: 1.0625rem;
  --h1: clamp(2rem, 4.2vw, 3rem);
  --h2: clamp(1.625rem, 2.8vw, 2.25rem);
  --h3: clamp(1.25rem, 2vw, 1.5rem);
  --h4: 1.125rem;
  --h5: 1rem;
  --h6: 0.875rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --brand-ink: #0c2424;
  --brand-teal: #0e6e6e;
  --brand-mint: #f3f8f7;
  --brand-cta: #ff7b54;
  --brand-border: #dfe8e7;
  --brand-muted: #4d6363;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html body {
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  font-weight: var(--weight-regular);
  line-height: 1.55;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: inherit;
  letter-spacing: -0.01em;
}

body h1, body .h1 {
  font: var(--weight-regular) var(--h1)/1.1 var(--font-display);
}

body h2, body .h2 {
  font: var(--weight-regular) var(--h2)/1.15 var(--font-display);
}

body h3, body .h3 {
  font: var(--weight-regular) var(--h3)/1.25 var(--font-display);
}

body h4, body .h4 {
  font: var(--weight-regular) var(--h4)/1.3 var(--font-display);
}

body h5, body .h5 {
  font: var(--weight-strong) var(--h5)/1.35 var(--font-sans);
  letter-spacing: 0;
}

body h6, body .h6 {
  font: var(--weight-strong) var(--h6)/1.4 var(--font-sans);
  letter-spacing: 0;
}

body strong, body b {
  font-weight: var(--weight-strong);
}

small, .small {
  font-size: var(--fs-sm);
}

label {
  font-weight: var(--weight-medium);
}

button, input, select, textarea {
  font-family: inherit;
}

/*# sourceMappingURL=typography.css.map */