/* Typography System */

/* Hero Titles */
.tomaso-hero-title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 6.75rem);
  font-weight: 700;
  line-height: 1.05;
  color: var(--color-text-light);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.tomaso-hero-subtitle {
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.75rem);
  font-weight: 500;
  line-height: 1.1;
  color: var(--color-text-light);
}

/* Section Headings */
.tomaso-section-heading {
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 4.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  line-height: 1.1;
  margin-bottom: var(--space-md);
}

.tomaso-section-heading .highlight {
  background: linear-gradient(to right, var(--color-primary), var(--color-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tomaso-section-subheading {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 400;
  color: #9ca3af;
  line-height: 1.6;
  max-width: 600px;
}

/* Label / Tag */
.tomaso-label {
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-primary);
}

/* Body Text */
.tomaso-body {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: #d1d5db;
}

.tomaso-body-lg {
  font-size: 1.25rem;
  line-height: 1.6;
}

/* Card Titles */
.tomaso-card-title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-light);
  transition: color var(--transition-base);
}

.tomaso-card-title:hover {
  color: var(--color-primary);
}

/* Gradient Text Utility */
.text-gradient {
  background: linear-gradient(to right, var(--color-primary), var(--color-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}