:root{
  /* Screenshot palette (keeps existing behavior; only visual overrides). */
  --mainBodyBG:#dcdcdc;
  --header-bg:linear-gradient(-180deg,#0b0b0b 0%,#000 100%);
  --header-text-color:#fff;
  --sportsbar-bg:linear-gradient(-180deg,#ffd24a 0%,#f39b00 55%,#e47a00 100%);
  --sportsbar-text-color:#000;
  --side-nav-bg:linear-gradient(-180deg,#ffffff 0%,#ffffff 100%);
  --right-sidenav-bg:#ffffff;
}

html,body{
  height:100%;
}

body{
  margin:0;
  background:var(--mainBodyBG);
}

/* Make the SPA root behave consistently in static hosting. */
app-root{
  display:block;
  min-height:100%;
}