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

/* main */
:root 
{
    --font-std: 26px;
    --font-small: 18px;
    --font-mid: 30px;
    --font-large: 36px;
    --font-menu: 26px;
    --font-carousel: 20px;
    --main-fg-color: #3398CC;
    --main-bg-color: #FFFFFF;
    --label-fg-color: #3398CC;
    --menu-container-bg-color: #FFFFFF;
    --menu-fg-color: #3398CC;
    --menu-bg-color-hover: #3398CC;
    --carousel-fg-color: #FFFFFF;
    --carousel-bg-color: rgba(0,0,0,0.8);
    --carousel-item-bg-color: rgba(0,0,0,0.2);
    --message-title-fg-color: #FFFFFF;
    --message-title-bg-color: #3398CC;
    --message-bg-color: #FFFFFF;
    --message-fg-color: #3398CC;
    --input-fg-color: #3398CC;
    --input-bg-color: #FFFFFF;
    --disabled-bg-color: #DDDDDD;
    --link-color: #3398CC;
    --group-fg-color: #FFFFFF;
    --group-bg-color: #3398CC;
    --button-fg-color: #FFFFFF;
    --button-bg-color: #3398CC;
    --button-fg-color-hover: #FFFFFF;
    --button-bg-color-hover: #000000;
    --card-title-fg-color: #FFFFFF;
    --card-title-bg-color: #3398CC;
    --card-full-height: 430px;
    --card-height-no-title: 360px;
    --shadow-color: #DDDDDD;
    --upload-bg-color: #000000;
    --grid-fg-color: #000000;
    --grid-bg-color: #DDDDDD;
    --grid-fg-color-alternate: #DDDDDD;
    --grid-bg-color-alternate: #000000; 
    --grid-header-fg-color: #FFFFFF;
    --grid-header-bg-color: #3398CC;
    --message-fg-color: #000000;
    --message-bg-color: #DDDDDD;
    --message-title-fg-color: #FFFFFF;
    --message-title-bg-color: #3398CC;
    --text-inactive-fg-color: #000000;
    --text-inactive-bg-color: #CECECE;
    --error-bg-color: #FFFFFF;
    --error-fg-color: #F62400;
    --tooltip-fg-color: #F62400;
    --button-alternate-fg-color: #3398CC;
    --button-alternate-bg-color: #FFFFFF;
    --button-alternate-fg-color-hover: #3398CC;
}