/*
 *
 * Source: https://app.zeplin.io/project/60993365ac9e763adbe1ed7d/styleguide/colors
 */
:root {
  --body-bg-color: #121926;
  --content-bg-color: rgb(37.65, 53.965, 87.85);
  --content-text-color: #fff;
  --brand-color: #009ee0;
  --live-color: #2b6fc4;
  --header-bar-color: #1e2b46;
  --icon-profile-color: #009ee0;
  --slider-pagination-bg-color: #fff;
  --slider-pagination-color: #1e2b46;
  --slider-pagination-bullet-active-color: #fff;
  --slider-pagination-bullet-color: #696966;
  --dropdown-nav-border-color: #121926;
  --dropdown-nav-hover-color: #121926;
  --wap-primary-color: #fff;
  --wap-surface-bg-color: rgb(37.65, 53.965, 87.85);
  --wap-gradient-fade-end: #1e2b4600;
  --wap-gradient-fade-start: #1e2b46;
  --wap-menu-item-bg:#557;
  --wap-highlight-menu-item-bg: #465678;
  --wap-text-secondary-color: #fff;
  --wap-canvas-bg-color: #121926;
}

.high-contrast {
  --header-bar-color: #1e2b46;
  --wap-primary-color: #fff;
  --wap-secondary-color: #7F7E80;
  --wap-tertiary-color: #BCBBBD;
  --wap-live-bvb-color: #333036;
  --wap-live-bvb-inverted-color: #FFE600;
  --wap-inverted-color: #FFFFFF;
  --wap-canvas-bg-color: #121926;
  --wap-surface-bg-color: rgb(37.65, 53.965, 87.85);
  --wap-live-bvb-bg-color: #FFE600;
  --wap-live-bvb-inverted-bg-color: #333036;
  --wap-spotlight-bg-color: #CFE1E7;
  --wap-gradient-fade-end: #1e2b4600;
  --wap-gradient-fade-start: #1e2b46;
  --wap-gradient-live-bvb-start: rgba(255, 230, 0, 100%);
  --wap-gradient-livd-bvb-end: rgba(255, 230, 0, 0);
  --wap-label-new-color: #1E2B46;
  --wap-label-live-color: #d9384b;
  --header-button-bg-color: rgba(30, 43, 70, 0.4);
}