/* Typography Scale */
.text-display {
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.text-h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-h2 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.3;
  font-weight: 600;
}

.text-h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  line-height: 1.4;
  font-weight: 600;
}

.text-body {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.6;
}

.text-small {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  line-height: 1.5;
}

/* Mobile Optimizations */
@media (max-width: 640px) {
  .mobile-text-adjust {
    font-size: 90%;
  }
  
  .mobile-heading-adjust {
    font-size: 85%;
    line-height: 1.3;
  }
}