/* base/typography.css */

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    font-optical-sizing: auto;
    font-weight: var(--bolder);
    font-style: normal;
}

h1 {
    font-size: 2.6rem;
    text-align: center;
    margin: 3rem 0;
}

/* Body text */
div,
p,
li,
a,
span,
label,
input,
textarea,
option,
select,
button {
    font-family: var(--font-primary);
    font-optical-sizing: auto;
    font-style: normal;
    font-size: var(--font-size-regular);
    color: var(--main-color-text);
}
div,
p,
li {
    line-height: 1.3;
    font-weight: var(--medium);
}

p {
    margin-bottom: 1rem;
}
/**
* Text Colors
*/
strong,
b {
    color: var(--emphasis-color-text);
}
h1,
h2,
h3 {
    color: var(--emphasis-color-text);
}
/* Text weights */
.light {
    font-weight: var(--light);
}
strong,
.bold {
    font-weight: var(--bold);
}
.bolder {
    font-weight: var(--bolder);
}

.boldest {
    font-weight: var(--boldest);
}