/* UK Sure — Typography */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    color: var(--color-text);
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
}

h1 { font-size: var(--text-4xl); font-weight: 700; }
h2 { font-size: var(--text-2xl); font-weight: 600; }
h3 { font-size: var(--text-xl); font-weight: 600; }
h4 { font-size: var(--text-lg); font-weight: 600; }

p {
    font-size: var(--text-base);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-text-muted);
    margin-bottom: var(--spacing-md);
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}
a:hover {
    color: var(--color-primary-dark);
}

.section-heading {
    text-align: center;
    margin-bottom: var(--spacing-xl);
}
.section-heading h2 {
    margin-bottom: var(--spacing-sm);
}
.section-heading p {
    max-width: 700px;
    margin: 0 auto;
    font-size: var(--text-lg);
}

/* Mobile */
@media (max-width: 768px) {
    h1 { font-size: var(--text-2xl); }
    h2 { font-size: var(--text-xl); }
    h3 { font-size: var(--text-lg); }
}