/* Hlavička */
.toppanel, .toppanel.mini-menu, .toppanel::before {
  background-color: #ffffff;
}
/* Patička */
footer {
  background-color: #1b1b1b;
}
@font-face {
  font-family: Primary;
  src: url(/ui/system/font/SourceSansPro-light.otf); /* propojení na umístění souboru */
  font-weight: 400;
}
@font-face {
  font-family: Primary;
  src: url(/ui/system/font/SourceSansPro-Semibold.otf); /* propojení na umístění souboru */
  font-weight: 500;
}
/* Horní panel - šedé ikonky */
:root {
  --icon-menu_list-gray: url('/ui/system/icons/gray/menu_list.svg');
}
.toppanel::before {
  background-color: #fff;
}
.bottom-panel .bottom-btn.orders-icon {
  background-image: var(--icon-orders-gray);
}
.bottom-panel .bottom-btn.favorite-food {
  background-image: var(--icon-heart-gray);
}
.bottom-panel .bottom-btn.favorite-food:hover {
    background-image: var(--icon-heart_active-gray);
}
.bottom-panel .bottom-btn-cart::after {
  background-image: var(--icon-cart_empty-gray);
}
.bottom-panel .bottom-btn.customer-icon {
  background-image: var(--icon-customer-gray);
}
.bottom-panel .bottom-btn.points .bottom-btn-center > h4, 
.bottom-panel .bottom-btn.points .bottom-btn-center > label {
  color: var(--color-gray-900);
}
.toppanel .toppanel-btn {
  background-image: var(--icon-menu_list-gray);
}