html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-family-base);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: var(--font-family-heading);
  color: var(--color-text-primary);
  line-height: 1.2;
}

p {
  margin: 0;
  color: var(--color-text-secondary);
}

.type-overline {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--palette-green-accent);
}

.type-title-xl {
  margin: 0;
  font-size: clamp(1.8rem, 2.4vw, 2.9rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.type-title-lg {
  margin: 0;
  font-size: clamp(1.35rem, 1.8vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.type-subtitle {
  margin: 0;
  font-size: 1rem;
  color: var(--color-text-secondary);
}

.type-body {
  margin: 0;
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.type-caption {
  margin: 0;
  font-size: 0.8rem;
  color: var(--color-text-muted);
}