@font-face {
    font-family: 'National-Park-Heavy';
    /* font-style: normal; */
    /* font-weight: 350; */
    src: local(''), url('../../fonts/national-park.heavy.otf') format('truetype');
}

@font-face {
    font-family: 'flubber';
    /* font-style: normal; */
    /* font-weight: 350; */
    src: local(''), url('../../fonts/flubber.ttf') format('truetype');
}


@font-face {
    font-family: 'goma-western';
    /* font-style: normal; */
    /* font-weight: 350; */
    src: local(''), url('../../fonts/goma-western.regular.ttf') format('truetype');
}

@font-face {
    font-family: 'gothica';
    /* font-style: normal; */
    /* font-weight: 350; */
    src: local(''), url('../../fonts/gothica.bold.ttf') format('truetype');
}

@font-face {
    font-family: 'inconsolata-bold';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/inconsolata-lgc.bold.otf') format('opentype');
}

@font-face {
    font-family: 'inconsolata';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/inconsolata-lgc.regular.otf') format('opentype');
}

@font-face {
    font-family: 'kleptocracy-titling-bold';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/kleptocracy-titling.rg-bold.otf') format('opentype');
}

@font-face {
    font-family: 'kleptocracy-titling';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/kleptocracy-titling.rg-regular.otf') format('opentype');
}

@font-face {
    font-family: 'liberation-mono-bold';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/liberation-mono.bold.ttf') format('truetype');
}

@font-face {
    font-family: 'liberation-mono';
    font-style: normal;
    /* font-weight: 350; */
    src: local(''), url('../../fonts/liberation-mono.regular.ttf') format('truetype');
}

@font-face {
    font-family: 'nasalization';
    font-style: normal;
    font-weight: 350;
    src: local(''), url('../../fonts/nasalization-free.regular.otf') format('opentype');
}






/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* lemonada-regular - latin */
@font-face {
    font-family: 'Lemonada';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../../fonts/lemonada-v18-latin-regular.woff2') format('woff2'), url('../fonts/lemonada-v18-latin-regular.woff') format('woff');
}

/* press-start-2p-regular - latin */
@font-face {
    font-family: 'Press Start 2P2';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../../fonts/press-start-2p-v12-latin-regular.woff2') format('woff2'), url('../fonts/press-start-2p-v12-latin-regular.woff') format('woff');
}

/* syncopate-regular - latin */
@font-face {
    font-family: 'Syncopate';
    font-style: normal;
    font-weight: 400;
    
    /* src: url('url(//fonts.googleapis.com/css?family=Open+Sans);') */
    
    src: local(''), url('../../fonts/syncopate-v17-latin-regular.woff2') format('woff2'), url('../fonts/syncopate-v17-latin-regular.woff') format('woff');
}

/* Oxygen-regular - latin */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 350;
    src: local(''), url('../../fonts/OxygenMono-Regular.ttf') format('truetype');
}
/*#endregion*/


:root {
    --bg-image: url("/images/resources/bg-light.webp");

    --font-1: 'Lemonada';
    /* --font-2: 'Press Start 2P'; */
    --font-3: 'Syncopate';
    --font-4: 'Oxygen';
    /* --font-5: 'National-Park-Heavy'; */
    --font-6: 'flubber';
    /* --font-7: 'goma-western'; */
    --font-8: 'gothica';
    /* --font-8: 'gothica', 'Press Start 2P2'; */
    --font-9: 'inconsolata-bold';
    /* --font-10: 'inconsolata'; */
    /* --font-11: 'kleptocracy-titling-bold'; */
    --font-12: 'kleptocracy-titling';
    --font-13: 'liberation-mono-bold';
    --font-14: 'liberation-mono';
    --font-15: 'nasalization';
}

/* ---------- Dark Theme ---------- */
[data-theme="dark"] {

}

/* ---------- System Preference ---------- */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {

    }

}








/* TO DO: */
/* --font-style-___ */
/* --font-style-___*/
/* --font-style-___ */
/* --font-size-small */
/* --font-size-normal */
/* --font-size-large */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */