/* TYPOGRAPHY */

p,
a,
li,
label,
button,
th,
td,
input,
select,
textarea {
    font-family: var(--paragraph);
    text-align: var(--p-textalign);
    hyphens: var(--p-hyphens);
    font-weight: var(--p-fontweight);
    font-size: clamp(calc(0.75rem * var(--p-size)), calc(1vw * var(--p-size)), calc(1rem * var(--p-size)));
    color: var(--p-color);
    line-height: var(--p-lineheight);
    text-transform: var(--p-texttransform);
    text-decoration: none;

    margin: clamp(calc(0.75rem * var(--p-size) / 2), calc(1vw * var(--p-size) / 2), calc(1rem * var(--p-size) / 2)) 0;
    margin: var(--space) 0;
}

li{
    margin: 0 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading);
    text-align: var(--h-textalign);
    hyphens: var(--h-hyphens);
    font-weight: var(--h-fontweight);
    color: var(--h-color);
    line-height: var(--h-lineheight);
    text-transform: var(--h-texttransform);
}

h1 {
    font-size: clamp(calc(0.75rem * var(--h1-size)), calc(1vw * var(--h1-size)), calc(1rem * var(--h1-size)));
    margin: clamp(calc(0.75rem * var(--h1-size) / 2), calc(1vw * var(--h1-size) / 2), calc(1rem * var(--h1-size) / 2)) 0;
}

h2 {
    font-size: clamp(calc(0.75rem * var(--h2-size)), calc(1vw * var(--h2-size)), calc(1rem * var(--h2-size)));
    margin: clamp(calc(0.75rem * var(--h2-size) / 2), calc(1vw * var(--h2-size) / 2), calc(1rem * var(--h2-size) / 2)) 0;
}

h3 {
    font-size: clamp(calc(0.75rem * var(--h3-size)), calc(1vw * var(--h3-size)), calc(1rem * var(--h3-size)));
    margin: clamp(calc(0.75rem * var(--h3-size) / 2), calc(1vw * var(--h3-size) / 2), calc(1rem * var(--h3-size) / 2)) 0;
}

h4 {
    font-size: clamp(calc(0.75rem * var(--h4-size)), calc(1vw * var(--h4-size)), calc(1rem * var(--h4-size)));
    margin: clamp(calc(0.75rem * var(--h4-size) / 2), calc(1vw * var(--h4-size) / 2), calc(1rem * var(--h4-size) / 2)) 0;
}

h5 {
    font-size: clamp(calc(0.75rem * var(--h5-size)), calc(1vw * var(--h5-size)), calc(1rem * var(--h5-size)));
    margin: clamp(calc(0.75rem * var(--h5-size) / 2), calc(1vw * var(--h5-size) / 2), calc(1rem * var(--h5-size) / 2)) 0;
}

h6 {
    font-size: clamp(calc(0.75rem * var(--h6-size)), calc(1vw * var(--h6-size)), calc(1rem * var(--h6-size)));
    margin: clamp(calc(0.75rem * var(--h6-size) / 2), calc(1vw * var(--h6-size) / 2), calc(1rem * var(--h6-size) / 2)) 0;
}