body,
.bg-theme,
.paper-theme,
.toolbar-theme {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
/* Tema Light (o Default) */
body.theme-light .bg-crowdnovel-paper,
body:not([class*="theme-"]) .bg-crowdnovel-paper {
  background-color: #ffffff;
}
body.theme-light .border-crowdnovel-border,
body:not([class*="theme-"]) .border-crowdnovel-border {
  border-color: #e5e2dc;
}

/* Tema Sepia */
body.theme-sepia .bg-crowdnovel-paper {
  background-color: #fbf0d9;
}
body.theme-sepia .border-crowdnovel-border {
  border-color: #e2d5be;
}

/* Tema Dark */
body.theme-dark .bg-crowdnovel-paper {
  background-color: #1e1e1e;
}
body.theme-dark .border-crowdnovel-border {
  border-color: #2a2a2a;
}

/* Tema Mint */
body.theme-mint .bg-crowdnovel-paper {
  background-color: #f3f8f6;
}
body.theme-mint .border-crowdnovel-border {
  border-color: #d0e0d8;
}

/* Definisci le dimensioni fisse del contenitore del logo */
.brand-logo-box {
  background-size: contain; /* Adatta l'immagine dentro il box senza tagliarla */
  background-repeat: no-repeat; /* Evita la ripetizione */
  background-position: center; /* Centra il logo nel box */
  text-decoration: none;
}
.piccolo {
  width: 200px; /* Fissa la larghezza desiderata */
  height: 150px; /* Fissa l'altezza desiderata */
}
.grande {
  width: 400px; /* Fissa la larghezza desiderata */
  height: 300px; /* Fissa l'altezza desiderata */
}

/* Associazione dinamica dei loghi in base al tema sul body */
body.theme-light .brand-logo-box,
body:not([class*="theme-"]) .brand-logo-box {
  background-image: url("logo_light.png");
}

body.theme-dark .brand-logo-box {
  background-image: url("logo_dark.png");
}

body.theme-sepia .brand-logo-box {
  background-image: url("logo_sepia.png");
}

body.theme-mint .brand-logo-box {
  background-image: url("logo_mint.png");
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(150, 150, 150, 0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(150, 150, 150, 0.5);
}