/* MangaKaze Ops — Custom CSS */

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-block; }
.htmx-request.htmx-indicator { display: inline-block; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Scrollbar minimale */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.3);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.5);
}

.dark ::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.2);
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.4);
}

/* Transizioni fluide per tutto */
* {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Logo coloring: viola brand in light mode, bianco in dark */
html:not(.dark) img[src*="logo.svg"] {
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5868%) hue-rotate(270deg) brightness(82%) contrast(110%);
}
html.dark img[src*="logo.svg"] {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* Focus ring più bello */
*:focus-visible {
  outline: none;
}