/* ==========================================================================
   Typography
   ========================================================================== */

/* Base Heading Styles */
h1 {
    color: var(--yellow);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.5px; /* Added */
}

h2 {
    color: var(--yellow);
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: 0.5px; /* Added */
}

h3 {
    color: var(--yellow);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.5px; /* Added */
}

h4,
h5,
h6 {
    color: var(--yellow);
}

.h5 {
    color: var(--yellow);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.35px;
}

/* Paragraph Styles */
p {
    color: var(--white);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 1rem; /* Added */
}

/* Lead Text */
.lead {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 500;
}

.form-label {
    font-size: 1.2rem;
    color: var(--white);
    margin-bottom: 5px;
    font-weight: 700;
    text-align: center;
}


.p-alt {
    color: var(--white) !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 1rem;
}

.p-alt-black {
    color: var(--white) !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 1rem;
}

/* ==========================================================================
   Mobile Typography Adjustments
   ========================================================================== */
@media (max-width: 767px) {
    /* Base Headings */
    h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    h2 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    h3 {
        font-size: 1.2rem;
        line-height: 1.4;
    }

    /* Paragraph Styles */
    p {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    /* Lead Text */
    .lead {
        font-size: 1rem;
    }

    /* Form Label */
    .form-label {
        font-size: 1rem;
    }
} /* This closing brace was missing */

@media (max-width: 576px) {
    /* Base Headings */
    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    h3 {
        font-size: 1rem;
    }

    /* Paragraph Styles */
    p {
        font-size: 0.875rem;
    }

    /* Lead Text */
    .lead {
        font-size: 0.9rem;
    }

    /* Form Label */
    .form-label {
        font-size: 0.9rem;
    }
}