:root {
  --mode: dark;
  --type: dark;
  --theme: redTheme;
  --layout: big-sidebar;
  --direction: ltr;
  --bgIntensity: 0;
  --logo-mobile-dark: /images/brand/logo-mobile-dark.svg;
  --logo-desktop-dark: /images/brand/logo-desktop-dark.svg;
  --logo-mobile-light: /images/brand/logo-mobile-light.svg;
  --logo-desktop-light: /images/brand/logo-desktop-light.svg;
  --accent-color: #00D9FF;
  --color-primary: #00D9FF;
  --nav-color: #0A1524;
  --sidebar-color: ;
  --bgColor: linear-gradient(to bottom, rgba(0,0,0,0) 28%, rgba(0,0,0,.55) 100%), radial-gradient(ellipse 120% 115% at 50% 22%, #123A5C 0%, #0A1E33 42%, #050B12 100%);
  --sb-bg: #070E17;
  --sb-card: #122031;
  --sb-odds: #24405C;
  --sb-line: #122031;
  --sb-sidebar: #16283C;
  --sb-market: #122031;
  --sb-accent: #00D9FF;
  --sb-boosted: #00D9FF;
  --sb-hover: #2F5478;
  --sb-odd-selected: #00D9FF;
  --sb-menu-hover: #182B40;
  --sb-table-header: #0D1826;
  --sb-table-hover: #16283C;
  --bs-bg: #122031;
  --bs-card: #0D1826;
  --bs-header: #00D9FF;
  --bs-odds: #00D9FF;
  --bs-place: #00D9FF;
  --bs-stake: #0D1826;
  --bs-tabs: #00D9FF;
}

/* MUI primary color overrides */
.MuiButton-containedPrimary { background-color: #00D9FF !important; }
.MuiButton-containedPrimary:hover { background-color: #0098b3 !important; }
.MuiButton-outlinedPrimary { color: #00D9FF !important; border-color: #00D9FF !important; }
.MuiButton-textPrimary { color: #00D9FF !important; }
.MuiIconButton-colorPrimary { color: #00D9FF !important; }
.MuiCheckbox-colorPrimary.Mui-checked { color: #00D9FF !important; }
.MuiRadio-colorPrimary.Mui-checked { color: #00D9FF !important; }
.MuiSwitch-colorPrimary.Mui-checked { color: #00D9FF !important; }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: #00D9FF !important; }
.MuiLinearProgress-barColorPrimary { background-color: #00D9FF !important; }
.MuiCircularProgress-colorPrimary { color: #00D9FF !important; }
.MuiTab-textColorPrimary.Mui-selected { color: #00D9FF !important; }
.MuiTabs-indicator { background-color: #00D9FF !important; }
.MuiFab-primary { background-color: #00D9FF !important; }
.MuiFab-primary:hover { background-color: #0098b3 !important; }
.MuiAppBar-colorPrimary { background-color: #00D9FF !important; }
.MuiChip-colorPrimary { background-color: #00D9FF !important; }
a { color: #00D9FF; }
.MuiLink-root { color: #00D9FF !important; }
.MuiBottomNavigationAction-root.Mui-selected { color: #00D9FF !important; }
.MuiListItemIcon-root.Mui-selected, .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root { color: #00D9FF !important; }
.active > div, .active .MuiListItemIcon-root { color: #00D9FF !important; }