/* Smooth theme transitions */
  html {
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  html:not([data-theme]) {
    visibility: hidden;
  }

  html[data-theme] {
    visibility: visible;
  }

  /* Smooth icon rotation */
  .swap-rotate .swap-on,
  .swap-rotate .swap-off {
    transition: transform 0.3s ease, opacity 0.3s ease;
  }