:root{

    /* branding global definitions */
    --brand-bg-color: #002a3f;
    --brand-text-color: #fff;
    --brand-bg-image: none;

    /* color definitions */
    --food-meat-color: #d53e4f;
    --food-meat-text: #fff;
    --food-vegan-color: #008180;
    --food-vegan-text: #fff;
    --food-vegetarian-color: #2AAD82;
    --food-vegetarian-text: #fff;
    --food-fish-color: #90D777;
    --food-fish-text: #000;
    --food-dessert-color: #F9F871;
    --food-dessert-text: #000;

    --mensa-color: #005468;
    --cafeteria-color: #008180;
    --limited-offer-bg: #d53e4f;
    --limited-offer-color: #fff;

    /* UI elements colors */
    --button-bg-color: #f46d43;
    --button-border-color: #d53e4f;
    --button-shadow-color: transparent;
    --button-text-color: black;

    --food-item-bg-color: rgba(255,255,255,0.9);
    --food-item-text-color:#000 ;
    --food-legend-color: #555;

    --header-background: #005468;
    --header-color: rgb(255,255,255);

    --legend-def-border-color: rgba(255,255,255,0.3);
    --legend-def-title-color: rgba(255,255,255,0.2);
    --legend-background-color: #005468;
    --legend-text-color: rgb(255,255,255);
    --legend-box-shadow-color: rgba(0,0,0,0.39);

    --motd-bg-color: rgba(255, 255, 191);
    --motd-color: #000;

    /* Define base dimensions */
    --box-left-width: 130px;
    --box-left-height: 150px;
    --box-right-height: 160px;
    --box-left-img-height: 90px;
    --box-left-img-height: 90px;
    --food-item-text-height: 110px;
    --box-long-menu-height-diff: 20px;

    --small-display-box-left-height: 165px;
    --small-display-box-right-height: 165px;
}