@font-face {
    font-family: "MMLobster";
    src: url("/fonts/Lobster-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "MMEBGaramond";
    src: url("/fonts/EBGaramond-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
}

@font-face {
    font-family: "MMInter";
    src: url("/fonts/InterVariable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "MMInter";
    src: url("/fonts/InterVariable-Italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    /* Colors */
    --mm-yellow: #ffbb00;
    --mm-sunset-yellow: #ffbb00;
    --mm-sunset-orange: #F46E29;
    --mm-sunset-red: #C93329;
    --mm-sunset-crimson: #952820;
    --mm-off-black: #323232;
    --mm-off-white: #EBEBEB;

    /* Typography */
    --mm-font-brand:
        "MMLobster",
        cursive;

    --mm-font-serif:
        "MMEBGaramond",
        Georgia,
        "Times New Roman",
        serif;

    --mm-font-sans:
        "MMInter",
        Helvetica,
        sans-serif;

    --mm-font-mono:
        ui-monospace,
        Menlo,
        monospace;
}