/* fonts */
@font-face 
{
    font-family: LocalFont;
    font-style: normal;
    font-weight: 300;
    src: url('../Roboto-Light.ttf') format('truetype');
}

/* main */
:root 
{
    --font-std: 26px;
    --font-small: 18px;
    --font-mid: 30px;
    --font-large: 36px;
    --font-carousel: 20px;
    --font-menu: 26px;
    --font-very-small: 14px;
    --main-fg-color: #1600E3;
    --main-bg-color: #FFFFFF;
    --carousel-fg-color: #FFFFFF;
    --carousel-bg-color: rgba(0,0,0,0.8);
    --carousel-item-bg-color: rgba(0,0,0,0.2);
    --input-fg-color: #1600E3;
    --input-bg-color: #FFFFFF;
    --disabled-bg-color: #DDDDDD;
    --link-color: #1600E3;
    --menu-container-bg-color: #FFFFFF;
    --menu-fg-color: #1600E3;
    --menu-bg-color-hover: #1600E3;
    --label-fg-color: #1600E3;
    --group-fg-color: #FFFFFF;
    --group-bg-color: #1600E3;
    --button-fg-color: #FFFFFF;
    --button-bg-color: #1600E3;
    --button-fg-color-hover: #FFFFFF;
    --button-bg-color-hover: #000000;
    --button-highlighted-fg-color: #FFFFFF;
    --button-highlighted-bg-color: #F62400;
    --message-bg-color: #FFFFFF;
    --message-fg-color: #1600E3;
    --message-title-fg-color: #FFFFFF;
    --message-title-bg-color: #1600E3;
    --text-inactive-fg-color: #1600E3;
    --text-inactive-bg-color: #CECECE;
    --upload-bg-color: #000000;
    --error-bg-color: #FFFFFF;
    --error-fg-color: #F62400;
}