/*
 * Typography Stylesheet
 *
 * This CSS file defines the core typography rules for the application.
 * It includes styles for headings (such as h1), paragraphs, and other
 * text elements to ensure consistent font, size, weight, and spacing
 * throughout the user interface.
 *
 * Use these styles to maintain a cohesive and readable visual hierarchy
 * across all textual content.
 */

h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
}

h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0;
}

h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
}

h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.50em;
}

h5 {
    font-weight: 500;
    margin: 0;
}

h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
}

.regular {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--text-body-color);
    margin-bottom: 0;
}

.regular.body {
    color: var(--text-100);
}


.lead {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5em;
}

a, .underline {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5em;
    color: var(--Primary-primary);
}

a {
    font-weight: 700;
}

a:hover, .underline:hover {
    opacity: 0.5;
}

input, span, button, p, a {
    font-size: 20px;
    font-style: normal;
    line-height: 1.5em;
}

.small {
    font-size: 20px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 1.5em!important;
    opacity: 0.6!important;
}

.yellow-text {
    color:var(--yellow-old);
}

.question {
    color: var(--Primary-primary);
}