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

/* main */
:root 
{
    --font-std: 18px;
    --font-carousel: 20px;
    --font-small: 14px;
    --font-large: 36px;
    --font-mid: 24px;
    --font-extra-large: 47px;
    --font-extra-small: 12px;
    --font-card-title: 20px;
    --main-fg-color: #000000;
    --main-bg-color: #rgb(49,80,68);;
    --carousel-fg-color: #FFFFFF;
    --menu-font: 32px;
    --menu-fg-color: #FFFFFF;
    --menu-bg-color: rgb(39,37,40);
    --menu-fg-color-hover: #FFFFFF;
    --menu-bg-color-hover: #521F07;
    --menu-container-bg-color: #FFFFFF;
    --menu-mobile-fg-color: #000000;
    --menu-mobile-bg-color: #521F07;
    --menu-mobile-title-fg-color: #FFFFFF;
    --menu-mobile-content-bg-color: #FFFFFF;
    --bottom-fg-color: #FFFFFF;
    --bottom-bg-color: rgb(49,80,68);
    --bottom-link-color: #FFFFFF;
    --cookies-bg-color: #000000;
    --cookies-fg-color: #FFFFFF;
    --cookies-inner-fg-color: #FFFFFF;
    --cookies-ok-fg-color: #000000;
    --cookies-ok-bg-color: #FFFFFF;
    --message-fg-color: #000000;
    --message-bg-color: #FFFFFF;
    --message-title-fg-color: #FFFFFF;
    --message-title-bg-color: rgb(49,80,68);
    --group-fg-color: #000000;
    --group-bg-color: #FFFFFF;
    --button-fg-color: #FFFFFF;
    --button-bg-color: rgb(49,80,68);
    --input-fg-color: #000000;
    --input-bg-color: rgb(232, 240, 254);
    --disabled-bg-color: #DDDDDD;
    --label-fg-color: #000000;
    --link-color: #521F07;
    --card-title-fg-color: #FFFFFF;
    --card-title-bg-color: #3398CC;
    --card-full-height: 640px;
    --card-height-no-title: 640px;
    --card-bg-color: #000000;
    --upload-bg-color: #000000;
    --text-inactive-fg-color: #000000;
    --text-inactive-bg-color: #CECECE;
    --table-subtitle-font-size: 22px;
    --table-subtitle-fg-color: #FFFFFF;
    --table-subtitle-bg-color: #3398CC;
    --error-bg-color: #FFFFFF;
    --error-fg-color: #F62400;

    --shop-card-bg-color: #FFFFFF;
    --shop-card-fg-color: #000000;
    --shop-card-border-color: rgb(211,211,211);
    --shop-table-title: #E0E0E0;
    --shop-basket-bg-color: #FFFFFF;
    --shop-basket-fg-color: #000000;
    --shop-basket-badge-bg-color: rgb(49,80,68);
    --shop-basket-title-bg-color: rgb(49,80,68);
    --shop-basket-title-fg-color: #FFFFFF;
    
    --section-bg-color: rgb(24,24,24);
    --bottom-input-bg-color: rgb(38,59,50);
    --floating-box-bg-color: #A6BCA0;
    --font-very-large: 50px;
    --box-bg-grey-color: rgb(249,249,249);
}