:root {
    /* Typography */
    --default-font-family: sans-serif;
    --default-font-size: 16px;
    --header-font: sans-serif;
    --header-weight: 700;
    --h1-size: 32px;
    --h2-size: 24px;
    --h3-size: 18.72px;
    --h4-size: 16px;
    --h5-size: 13.28px;
    --h6-size: 10.72px;

    /* Layout */
    --nav-height: 50px;
    --footer-height: 150px;
    --breadcrumbs-height: 50px;
    --wrapper-padding: 20px;
    --main-height: calc(100vh - var(--nav-height) - var(--footer-height) - var(--breadcrumbs-height) + var(--wrapper-padding));
    --max-width: calc(100vw - 20px);
}