@media (prefers-color-scheme: dark) {
  :root {
    --text-color-h: 213;
    --text-color-s: 32%;
    --text-color-l: 70%;

    --link-color-h: 202;
    --link-color-s: 100%;
    --link-color-l: 60%;

    --bg-color-h: 220;
    --bg-color-s: 10%;
    --bg-color-l: 12%;
  }
}



.gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery > div {
  flex-grow: 1;
  margin: 0 .25rem .5rem;
  width: 30%;
}

/* Example: Lazy Lightense */
.lightense-lazy {
  filter: blur(16px);
  transform: scale(1.2);
}

.lightense-lazy-wrap {
  position: relative;
  width: 300px;
  height: 115px;
  margin: 0 auto;
}

.lightense-lazy-thumb {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  transition: opacity 1s ease;
}

.lightense-lazy-large {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}

.lightense-lazy-wrap.on .lightense-lazy-thumb {
  opacity: 0;
}

.lightense-lazy-wrap.on .lightense-lazy-large {
  opacity: 1;
}