/* ═══════════════════════════════════════════════════════════
   V Capital — typography.css
   Site-wide typography standards.
   Load AFTER global.css on every page.
   ═══════════════════════════════════════════════════════════ */

:root {
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;
}

h1 {
  font-family:    var(--font-heading);
  font-weight:    300;
  font-size:      clamp(2.5rem, 5vw, 5rem);
  line-height:    1.05;
  letter-spacing: -0.02em;
  margin-bottom:  1rem;
  color:          #F5F2EC;
}

h2 {
  font-family:   var(--font-heading);
  font-weight:   300;
  font-size:     clamp(1.8rem, 3vw, 3rem);
  line-height:   1.1;
  margin-bottom: .875rem;
  color:         #F5F2EC;
}

h3 {
  font-family:   var(--font-heading);
  font-weight:   300;
  font-size:     clamp(1.2rem, 2vw, 1.8rem);
  line-height:   1.2;
  margin-bottom: .75rem;
  color:         #F5F2EC;
}

p {
  font-family: var(--font-body);
  font-size:   .95rem;
  line-height: 1.85;
  color:       rgba(245,242,236,.58);
}

.hero-subtitle {
  font-family: var(--font-body);
  font-size:   1rem;
  line-height: 1.9;
  max-width:   650px;
}

.sl,
.section-label,
.hero-authority,
.mega-head,
.mob-acc-sec,
.art-eyebrow,
.ed-tag,
.label,
.kpi-label,
.breadcrumb__inner {
  font-family: var(--font-mono);
}