html {
  font-size: 16px;
}

body {
  font-family: var(--font-display);
  background: var(--color-light-1000);
  color: var(--color-dark-1000);
}

/* Typography scale — from Figma "Typography" variable collection */

.text-pretitle {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.text-h1 {
  font-family: var(--font-display);
  font-size: 72px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.text-h2 {
  font-family: var(--font-display);
  font-size: 48px;
  font-weight: 600;
  line-height: 45px;
  letter-spacing: -0.06em;
}

.text-h3 {
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.06em;
}

.text-h4 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.06em;
}

.text-h5 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.06em;
}

.text-label-xl {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.04em;
}

.text-label-lg {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.04em;
}

.text-label-md {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.04em;
}

.text-label-sm {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.04em;
}

.text-body-xl {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.04em;
}

.text-body-lg {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.04em;
}

.text-body-md {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.04em;
}

.text-body-sm {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.04em;
}