:root{
        --bg:#242124;
        --fg:#d7caae;
        /* --fg:#d8d3b0; */
        /* --fg:#eed8ca; */
        --alt-bg:#171517;
        --alt-fg:#cc96ad;
        --dim-bg:#302c30;
        --dim-fg:#eed8ca7f;
        --acc-fg:#242124;
        --acc-bg:#9d6e87;
        /* --acc-bg:; */
        --monospace:'Fira Code', monospace;
        --sans-serif:'Inter', sans-serif;
        --main-font:var(--monospace);
    }
    @font-face{
        font-family:'Inter';
        src:url("/fonts/Inter-Light.woff2") format("woff2"), url("/fonts/Inter-Light.woff") format("woff");
        /* size-adjust: 95%; */
    }

    @font-face{
        font-family:'Fira Code';
        /* src:url("/fonts/FiraCode-VF.woff2") format("woff2"), url("/fonts/FiraCode-Light.woff") format("woff"); */
        src: url("/fonts/FiraCode-Light.woff") format("woff");
        font-weight:400;
        /* size-adjust:30%; */
    }
    @font-face{
        font-family:'Fira Code';
        src:url("/fonts/FiraCode-VF.woff2") format("woff2"), url("/fonts/FiraCode-Regular.woff") format("woff");
        /* font-weight:500; */
    }
    /* @font-face{
        font-family:'Fira Code';
        src:url("/fonts/FiraCode-VF.woff2") format("woff2"), url("/fonts/FiraCode-Medium.woff") format("woff");
        font-weight:800;
    } */