/* ==========================================================================
   CoreForm — Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--cf-font-sans);
    color: var(--cf-text);
    font-weight: var(--cf-weight-bold);
    line-height: var(--cf-leading-tight);
    margin-bottom: var(--cf-space-4);
}

h1, .h1 { font-size: var(--cf-text-4xl); }
h2, .h2 { font-size: var(--cf-text-3xl); }
h3, .h3 { font-size: var(--cf-text-2xl); }
h4, .h4 { font-size: var(--cf-text-xl); }
h5, .h5 { font-size: var(--cf-text-lg); }
h6, .h6 { font-size: var(--cf-text-base); font-weight: var(--cf-weight-semibold); }

p {
    margin-bottom: var(--cf-space-4);
    color: var(--cf-text);
}

.lead {
    font-size: var(--cf-text-lg);
    color: var(--cf-text-muted);
    font-weight: var(--cf-weight-normal);
    line-height: var(--cf-leading-relaxed);
}

small, .small {
    font-size: var(--cf-text-sm);
}

.text-muted {
    color: var(--cf-text-muted) !important;
}

/* Section headers pattern */
.section-title {
    font-size: var(--cf-text-3xl) !important;
    font-weight: var(--cf-weight-bold) !important;
    color: var(--cf-text) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    margin-bottom: var(--cf-space-4) !important;
}

.section-subtitle {
    font-size: var(--cf-text-lg) !important;
    color: var(--cf-text-muted) !important;
    font-weight: var(--cf-weight-normal) !important;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive typography */
@media (max-width: 767.98px) {
    h1, .h1 { font-size: var(--cf-text-3xl); }
    h2, .h2 { font-size: var(--cf-text-2xl); }
    h3, .h3 { font-size: var(--cf-text-xl); }

    .section-title {
        font-size: var(--cf-text-2xl) !important;
    }
}