h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

/* form-heading */
h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

/* If used unconventionally... */
.form-heading {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-regular {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-semi-bold {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}


.minor-info-text {
    color: var(--gray-shade-600);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.008em;
}

.text-small-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.minor-info-text-small {
    color: var(--gray-shade-600);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .008em;
}

.text-small-semi-bold {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-big {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-logo {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-table-heading {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-link {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .008em;
    color: var(--primary-color);
    text-decoration-line: underline;
}

.text-label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .008em;
    color: var(--gray-shade-950);
}

.text-danger {
    color: var(--danger-600);
}

/* Filter to match SVGs to text color */
.filter-minor-text {
    filter: invert(42%) sepia(7%) saturate(458%) hue-rotate(95deg) brightness(93%) contrast(90%);
}

.filter-warning {
    filter: invert(28%) sepia(37%) saturate(2761%) hue-rotate(345deg) brightness(90%) contrast(89%);
}

/* Danger 600 */
.filter-danger {
    filter: invert(33%) sepia(89%) saturate(1855%) hue-rotate(340deg) brightness(80%) contrast(94%);
}

.filter-underlined-link {
    filter: invert(37%) sepia(20%) saturate(879%) hue-rotate(121deg) brightness(92%) contrast(88%);
}