/* css/typography.css — zaldor Typography */
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); line-height: 1.2; }
h1 { font-size: var(--text-3xl); font-weight: 500; }
h2 { font-size: var(--text-2xl); font-weight: 500; }
h3 { font-size: var(--text-xl);  font-weight: 500; }
h4 { font-size: var(--text-lg); font-weight: 400; }
p { font-family: var(--font-body); font-size: var(--text-base); line-height: 1.75; }
.text-gold { color: var(--color-gold); }
.text-navy { color: var(--color-navy); }
.text-white { color: var(--color-white); }
.text-muted { color: var(--color-text-muted); }
.text-light { color: var(--color-text-light); }
.text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }
.text-small { font-size: var(--text-sm); }
.lead { font-size: var(--text-md); line-height: 1.7; }
.quote-text { font-family: var(--font-heading); font-weight: 300; font-size: var(--text-quote); line-height: 1.3; color: var(--color-text-light); }
.section-label { font-family: var(--font-heading); font-size: 0.65rem; font-weight: 600; letter-spacing: 0.08em; color: var(--color-gold); margin-bottom: 0.5rem; display: block; }

/* Light background contrast rules */
[style*="--color-warm-light"] .section-label,
[style*="warm-light"] .section-label,
[style*="--color-white"] .section-label,
.section-light .section-label,
.qualitaet-content .section-label {
  color: var(--color-navy);
}

[style*="--color-warm-light"] .svc-heading,
[style*="warm-light"] .svc-heading,
[style*="--color-white"] .svc-heading,
.section-light .svc-heading {
  color: var(--color-navy);
}

@media (max-width: 768px) { h1 { font-size: 1.8rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.2rem; } }