:root {
    --primary-color: #c20000;
    --secondary-color: #999;
    --background-color: #fff;
    --text-color: #000;

    --logo-max-height: 5rem;
    --nav-padding: .2rem;

    --title-font: "Frank Ruhl Libre";
    --text-font: Sans-serif;

    --content-width: 95%;
    --content-max-width: 65ch;
    --paragraph-gap: 1rem;
    --page-line-height: 1.4em;
    --section-padding: 4rem 2vw;
    --section-padding-bigger: 8rem 2vw;
    --scroll-wheel-size: 2rem;
    --mobile-main-height: 80vw;

    font-family: var(--text-font);
    font-size: clamp(15px, .6rem + .4vw, 22px);
}