html {
  scrollbar-gutter: stable;
}

body {
  font-family: "Sawarabi Gothic", sans-serif;
  font-style: normal;
  background: var(--color-base-100);
  color: var(--color-base-content);
}

#theme-icon:hover {
  transform: scale(1.1);
}

#theme-toggle:hover {
  opacity: 0.8;
}

body.theme-transition {
  transition: all 0.2s ease-in-out;
}