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

/* main */
:root 
{
    --font-std: 20px;
    --font-large: 26px;
    --font-small: 16px;
    --font-card-title: 20px;
    --main-fg-color: #000000;
    --main-bg-color: #FFFFFF;
    --menu-container-bg-color: FFFFFF;
    --menu-fg-color: #FFFFFF;
    --menu-bg-color: #FAA61A;
    --menu-fg-color-hover: #FFFFFF;
    --menu-bg-color-hover: #001EE3;
    --menu-mobile-fg-color: #FFFFFF;
    --menu-mobile-bg-color: #FAA61A;
    --menu-font: 16px;
    --card-title-fg-color: #FFFFFF;
    --card-title-bg-color: #FAA61A;
    --link-color: #001EE3;
    --shadow-color: #DDDDDD;
    --group-fg-color: #FFFFFF;
    --group-bg-color: #FAA61A;
    --bottom-fg-color: #FFFFFF;
    --bottom-bg-color: #A4A4A4;
    --bottom-title-color: #FAA61A;
    --bottom-link-color: #FFFFFF;
    --button-fg-color: #FFFFFF;
    --button-bg-color: #FAA61A;
    --button-fg-color-hover: #FFFFFF;
    --button-bg-color-hover: #000000;
    --button-highlighted-fg-color: #000000;
    --button-highlighted-bg-color: #001EE3;
    --button-alternate-fg-color: #FFFFFF;
    --button-alternate-bg-color: #F62400;
    --message-fg-color: #000000;
    --message-bg-color: #FFFFFF;
    --message-title-fg-color: #FFFFFF;
    --message-title-bg-color: #000000;
    --alternate-fg-color: #001EE3;
    --disabled-bg-color: #DDDDDD;
    --error-bg-color: #000000;
    --error-fg-color: #FFFFFF;
    --input-fg-color: #000000;
    --input-bg-color: #FFFFFF;
    --label-fg-color: #000000;
    --link-alternate-fg-color: #FAA61A;
    --link-alternate-bg-color: #FFFFFF;
    --wait-font-size: 48px;
    --cookies-bg-color: #000000;
    --cookies-fg-color: #229292;
    --cookies-inner-fg-color: #229292;
    --cookies-ok-fg-color: #000000;
    --cookies-ok-bg-color: #FFFFFF;
    --table-bg-color: #FFFFFF;
    --table-fg-color: #000000;
    --table-font-size: 15px;
    --table-title-fg-color: #FFFFFF;
    --table-title-bg-color: #000000;
    --table-title-font-size: 24px;
    --table-subtitle-fg-color: #FFFFFF;
    --table-subtitle-bg-color: #000000;
    --table-subtitle-font-size: 22px;
    --table-cell-bg-color: #FFFFFF;
    --table-delete-font-size: 22px;
    --table-delete-fg-color: #F62400;
    --upload-bg-color: #000000;
    --text-inactive-fg-color: #000000;
    --text-inactive-bg-color: #CECECE;
    --shop-position-fg-color: #F62400;
}