:root {

    /* #region MAIN CONTENT */

    --main-font: 'Jersey10';

    --main-theme-color: #5cec86;
    --main-theme-color-dark: #5cec879d;

    --sec-theme-color: #5c74ec;
    --sec-theme-color-dark: #495cbd;

    --main-text-color: white;
    --reverse-text-color: black;
    --main-text-color-dark: #d1d1d1;
    --main-background-color: #222;
    --main-background-color-dark: #111;
    --main-border-dark: #3f3f3f;

    --section-color: var(--main-theme-color);
    --section-glow: 0 0 10px var(--section-color);

    --separator-color: var(--sec-theme-color);
    --separator-glow: 0 0 10px var(--separator-color);

    /* #endregion */




    /* #region HEADER */
    
    --header-background-color: var(--main-background-color-dark);

    /* #endregion */

}




/* #region FONTS */

@font-face {
    font-family: 'Jersey10';
    src: url('../assets/fonts/Jersey10.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* #endregion */