:root {
    --primary-color: rgb(105, 16, 16);
    --primary-color-darker: rgb(53, 8, 8);
    --secondary-color: rgb(217, 169, 134);
    --background-color: #fff;
    --font-color: #222;

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

    --title-font: "Dosis";
    --text-font: "Lexend Deca";

    --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: calc(.8rem + .4vw);
}