.hamburger {
  @media (min-width: 768px) {
    display: none;
  }
}

nav {
  ul.desktop-links {
    @media (max-width: 767px) {
      display: none;
    }
  }
}

.theme-toggle {
  display: inline-flex;
  align-items: center;

  .lucide-moon {
    display: none;
  }
}

html[data-theme="dark"] .theme-toggle {
  .lucide-sun {
    display: none;
  }

  .lucide-moon {
    display: inline-block;
  }
}