:root {
  --c-brand: #ca931c;
  --font-family-base: "Readex Pro", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont, sans-serif;
  --bg-gradient: 255,255,255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: rgb(20,20,20) !important;
    --c-text: #fff !important;
    --c-text-light: #fdd888 !important;
    --c-brand: #fdd888 !important;
    --bg-gradient: 20,20,20 !important;
  }
}

main.home ul > li {
  opacity: 0.8;
  transition: .1s ease;
}
main.home ul > li:hover {
  opacity: 1;
}

main.home {
  position: relative;
}

main.home::before {
  content: '';
  inset: 0;
  position: absolute;
  z-index: -1;
  background-image: url("/bg.png");
  background-repeat: repeat;
  background-size: 50%;
}

@media screen and (max-width: 768px) {
  main.home {
    background-size: 100%;
  }
}

main.home {
  background:
    radial-gradient(ellipse, rgba(var(--bg-gradient),1) 50%, rgba(var(--bg-gradient),0.4) 120%),
    radial-gradient(ellipse at top, rgba(var(--bg-gradient),0.8) 20%, rgba(var(--bg-gradient),0) 100%),
    radial-gradient(ellipse at left, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%),
    radial-gradient(ellipse at right, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%);
}


.custom-block.tip {
  background-color: rgba(255, 229, 100, 0.1)
}

.custom-block.warning {
  color: inherit;
}

.nav-bar-title .logo {
  height: 1.5em !important;
  margin-right: 0.5rem !important;
}