:root {

    /* #region MAIN CONTENT */

    --main-font-title: 'Komikula';
    --main-font: 'CreatoDisplay';

    --main-back-color: #ffffff;
    --main-theme-color: #4d658a;
    --main-highlight-color: #b9ffcd;

    --main-border-color: #ffffff;

    --main-btn-color: white;

    --content-div-space: 40px;

    /* #endregion */




    /* #region HEADER */

    --header-color: var(--main-theme-color);
    --header-links-gap: 25px;

    --header-dropdown-color: hsl(from var(--main-theme-color) h s calc(l + 10));

    --header-text-color: var(--main-btn-color);

    /* #endregion */




    /* #region TEXT */

    --main-text-color: black;

    /* #endregion */

}









/* #region FONTS */

@font-face {
    font-family: 'Komikula';
    src: 
        url('../assets/fonts/Komikula.ttf') format('truetype'),
        url('../assets/fonts/Komikula.otf') format('opentype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Komikula';
    src: 
        url('../assets/fonts/Komikula-Bold.ttf') format('truetype'),
        url('../assets/fonts/Komikula-Bold.otf') format('opentype');

    font-weight: bold;
    font-style: normal;
}




@font-face {
    font-family: 'CreatoDisplay';
    src: 
        url('../assets/fonts/creatoDisplay-Regular.otf') format('opentype');

    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'CaviarDreams';
    src: 
        url('../assets/fonts/CaviarDreams_Bold.ttf') format('truetype');

    font-weight: bold;
    font-style: normal;
}*/

/* #endregion */