@font-face {
    font-family: Manrope;
    src: url('fonts/manrope-variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --site-font: Manrope, sans-serif;
    --brand-red: #a93230;
    --brand-dark: #862725;
    --brand-soft: #f8e8e5;
    --brand-wash: #fdf5f3;
    --brand-line: #efd2cc;
    --mdb-content-max: 1320px;
    --mdb-content-gutter: 50px;
}

@media (max-width: 1200px) {
    :root { --mdb-content-gutter: 35px; }
}

@media (max-width: 680px) {
    :root { --mdb-content-gutter: 18px; }
}