html {
  min-height: 100%;
  min-height: 100svh;
  min-height: 100dvh;
  background-color: #e8f5f2;
}

@media (display-mode: browser) {
  html {
    color-scheme: light;
    background-color: #e8f5f2;
  }
}

@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
  html {
    background-color: #e8f5f2;
  }
}

@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
  html.hub-main-page {
    background-color: #0a4a3d;
  }
}

html.auth-html {
  background-color: #0a4a3d;
}

@media (display-mode: browser) {
  html.auth-html {
    background-color: #0a4a3d;
  }
}

@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
  html.auth-html {
    background-color: #0a4a3d;
  }
}