@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalThin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalMedium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OldschoolGrotesk';
    src: url('../fonts/OldschoolGrotesk-NormalBlack.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

/* Base Weights Override */
:root {
    --font-family-primary: 'IBM Plex Sans', sans-serif;
}