:root{
    --primary: #f6921e;
    --secondary: #fdb913;

    --root--co: #000000;
    --root--ba-co: #ffffff;
    --root--fo-fa: "Montserrat", system-ui, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --root--fo-si: calc(1rem / 16 * var(--if-small, 16) var(--if-large, 20));
    --root--wi: 1100px;

    --siteHeader--he: 100px;
}

@media (max-width: 650px){
    :root{
        --if-large: ;
    }
}

@media (min-width: 651px){
    :root{
        --if-small: ;
    }
}