:root {
    
    --font-family: "Reddit Sans";
    --p-family: var(--font-family);
    --base-font-size: 16;

    --h1-size: clamp(2.5rem, 2.5rem + ((1vw - .2rem) * 1.25), 3.25rem);
    --h1-line-height: 1.15em;
    --h1-weight: 700;
    
    --h2-size: clamp(2.125rem, 2.125rem + ((1vw - .2rem) * .625), 2.5rem);
    --h2-line-height: 1.15em;
    --h2-weight: 700;
    
    --h3-size: clamp(1.875rem, 1.875rem + ((1vw - .2rem) * .417), 2.125rem);
    --h3-line-height: 1.15em;
    --h3-weight: 600;

    --h4-size: clamp(1.55rem, 1.55rem + ((1vw - .2rem) * .3), 2rem);
    --h4-line-height: 1.15em;
    --h4-weight: 500;

    --p-size: 1rem;
    --p-line-height: 1em;
    --p-weight: 400;

    --p-s-size: .8rem;
    --p-s-line-height: .8em;

    --p-xs-size: 0.688rem;
    --p-xs-line-height: 0.688em;

    --p-l-size: 1.125rem;
    --p-l-line-height: 1.4em;
}

body {
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Reddit Sans";
    font-style: normal;
    src: url("../../fonts/RedditSans-Regular-57757099967e856fa67ade787650a95b.ttf") format('truetype');
    font-weight: 300;
}

h1,
.h1 {
    font-family: var(--h1-family);
    font-size: var(--h1-size);
    font-weight: var(--h1-weight);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing, 0);
    color: var(--primary);
}

h2,
.h2 {
    font-family: var(--h2-family);
    font-size: var(--h2-size);
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing, 0);
    color: var(--primary);
}

h3,
.h3 {
    font-family: var(--h3-family);
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing, 0);
    color: var(--primary);
}

h4,
.h4 {
    font-family: var(--h4-family);
    font-size: var(--h4-size);
    font-weight: var(--h4-weight);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing, 0);
    color: var(--blue-800);
}

h5,
.h5 {
    font-size: var(--h5-size);
    font-weight: var(--h5-weight);
    line-height: var(--h1-line-height);
}

p {
    font-family: var(--p-family);
    font-size: var(--p-size);
    font-weight: var(--p-weight);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing, 0);
}

.p-l {
    font-family: var(--p-family);
    font-size: var(--p-l-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing, 0);
}