@font-face {
    font-family: 'CocogooseProCmDarkmode';
    src: url('CocogooseProCm-Darkmode.woff2') format('woff2'),
        url('CocogooseProCm-Darkmode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProCm Semilight';
    src: url('CocogooseProCm-Semilight.woff2') format('woff2'),
        url('CocogooseProCm-Semilight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProCm Semilight';
    src: url('CocogooseProCm-SemilightIta.woff2') format('woff2'),
        url('CocogooseProCm-SemilightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProComp Darkmode';
    src: url('CocogooseProComp-DarkmodeIta.woff2') format('woff2'),
        url('CocogooseProComp-DarkmodeIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProCondensed Darkmode';
    src: url('CocogooseProCondensed-Darkmode.woff2') format('woff2'),
        url('CocogooseProCondensed-Darkmode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}