/*  SETUP: FONTS
//////////////////////////////////////////////////////////////////////////////*/

/*

100 = thin / hairline
200 = extra light / ultra light
300 = light
400 = normal / regular
500 = medium
600 = semi bold / demi bold
700 = bold
800 = heavy / extra bold
900 = black / ultra bold

*/

@layer setup {
    @font-face {
        font-family: "Supreme";
        src: url("../../fonts/supreme/Supreme-Variable.woff2") format("woff2");
        font-weight: 100 800;
        font-display: block;
        font-style: normal;
    }
    @font-face {
        font-family: "Supreme";
        src: url("../../fonts/supreme/Supreme-VariableItalic.woff2") format("woff2");
        font-weight: 100 800;
        font-display: block;
        font-style: italic;
    }
}