/* Base styles and global elements */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family);
  background-color: var(--doist-bg);
  color: var(--doist-text);
}

/* Back to Top Button */
#back-to-top {
  position: fixed;
  bottom: var(--spacing-lg);
  right: var(--spacing-lg);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-medium), visibility var(--transition-medium);
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}