/* ==========================================
   PVveda Design System - Typography & Text Gradients
   ========================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading);
  color: var(--text-heading);
  letter-spacing: -0.02em;
}

.pv-title-lg {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.pv-title-md {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
}

.pv-subtitle {
  font-size: 1.05rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}

/* Exact Royal Blue-to-Indigo Headline Gradient (Matching Left Image 'We') */
.text-gradient-primary,
.text-gradient-hero {
  background: linear-gradient(90deg, #2563EB 0%, #3B82F6 50%, #6366F1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.text-gradient-solar {
  background: linear-gradient(90deg, #3B82F6 0%, #6366F1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.text-gradient-cyan {
  background: linear-gradient(90deg, #2563EB 0%, #60A5FA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* Hero Typography mit edler Outfit-Schriftart */
.hero-title {
  font-family: var(--font-family-heading);
  font-size: clamp(1.85rem, 5.5vw, 4.2rem);
  font-weight: 700; /* Edleres, nicht zu fettes Bold */
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #18181B;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
}

[data-theme="dark"] .hero-title {
  color: #F9FAFB;
}

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

@media (max-width: 480px) {
  .hero-title {
    font-size: 1.8rem;
    font-weight: 700;
  }
}

/* Section Header Typography */
.pv-section-header {
  margin-bottom: 2rem;
}

.pv-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}