body {
  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-bg);
  font-size: 16px;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-weight: 500;
}

.eyebrow {
  font-family: var(--font-accent);
  font-style: italic;
  font-size: clamp(1.1rem, 1.5vw, 1.4rem);
  color: var(--color-highlight);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.display-1 {
  font-size: clamp(3rem, 8vw, 7rem);
  line-height: 0.98;
}

.display-2 {
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.02;
}

.heading-lg {
  font-size: clamp(1.8rem, 3.4vw, 2.8rem);
}

.heading-md {
  font-size: clamp(1.4rem, 2.4vw, 1.9rem);
}

.body-lg {
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  line-height: 1.6;
  color: var(--color-text-muted);
  font-weight: 400;
}

.body-md {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-muted);
}

.label {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--color-text-muted);
  font-weight: 500;
}

p {
  font-weight: 400;
}