/* css styles */
/* Increase the size of the theme toggle icon */
.quarto-color-scheme-toggle i {
  font-size: 1.4rem; /* Makes the sun/moon icon bigger */
}

/* Add "Dark / Light" text after the icon */
.quarto-color-scheme-toggle::after {
  content: " Dark / Light";
  font-size: 1rem;
  font-weight: 500;
  vertical-align: middle;
  margin-left: 8px;
}

/* Optional: Add a hover effect for better UI */
.quarto-color-scheme-toggle:hover {
  opacity: 0.8;
  cursor: pointer;
}