:root {
  --daylight-top: #eeeeee;
  --daylight-background: linear-gradient(180deg, var(--daylight-top) var(--header-height, calc(50px + env(safe-area-inset-top, 0px))), #f7f7f7 42%, #fff 82%);
}

:root[data-theme="light"] {
  color-scheme: light;
  background-color: var(--daylight-top);
}