html {
  scroll-behavior: smooth;
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

body {
  background: #fbf7f1;
  color: #15130f;
}

html.dark body {
  background: #15130f;
  color: #f5f1ea;
}

::selection {
  background: #e8622c;
  color: #fbf7f1;
}

html.dark ::selection {
  background: #e8622c;
  color: #15130f;
}

:focus-visible {
  outline: 2px solid #e8622c;
  outline-offset: 2px;
  border-radius: 4px;
}

[id] {
  scroll-margin-top: 5rem;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.grid-bg {
  background-image:
    linear-gradient(rgba(0,0,0,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.045) 1px, transparent 1px);
  background-size: 40px 40px;
}

html.dark .grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
}

.text-balance {
  text-wrap: balance;
}

.glightbox-clean .gslide-title {
  color: #15130f !important;
}