/* ============================================
TYPOGRAPHY - WCAG AA COMPLIANT
============================================ */
.med-h1,
.med-h2,
h1, h2, h3, h4, h5, h6 {
color: var(--med-text);
line-height: 1.5;
}
.med-h1 {
font-size: clamp(1.8rem, 5vw, 2.8rem);
margin: 0 0 0.5rem;
font-weight: 700;
}
.med-h2 {
font-size: clamp(1.5rem, 4vw, 2rem);
margin: 0 0 1rem;
text-align: center;
font-weight: 700;
}
.med-subtitle {
color: var(--med-text-light);
text-align: center;
margin: 0 0 3rem;
font-size: 1.1rem;
line-height: 1.6;
}