/* Color por defecto; el panel lo cambia por el de cada instalación. */
/* Colores base. El panel puede cambiarlos: theme.js calcula toda la paleta
   desde el color elegido y la aplica como variables sobre :root. */
:root{--accent:#70e800;--accent-dark:#142706}
.button:hover{background:var(--accent-strong,#88f000)}
.button.secondary:hover{background:#ffffff20}
.button.subtle:hover{background:var(--accent-tint-strong,#2a2a2a)}
.nav-item.active{background:var(--accent-tint,#1c2e12)}
.quick-icon,.avatar{background:var(--accent-tint,#203416)}
.poster-rating{color:var(--accent-soft,#a1ef63)}
.empty-icon{background:var(--accent-tint,#1c3210);border-color:var(--accent-border,#47722c)}
.settings-aside{border-color:var(--accent-border,#354c22);background:linear-gradient(140deg,var(--accent-tint,#1d2d13),#121212)}
.toast{background:var(--accent-soft,#b1f17a);border-color:var(--accent,#70e800)}
.brand.has-logo{justify-content:center;padding:0;margin-bottom:28px}
.brand.has-logo .brand-logo{display:block;width:164px;max-width:100%;height:auto;max-height:124px;object-fit:contain}
.footer-logo{display:block;width:68px;height:51px;object-fit:contain}
.brand-preview img{max-height:120px;max-width:190px}
@media(max-width:900px) and (min-width:601px){.brand.has-logo{margin-bottom:42px}.brand.has-logo .brand-logo{display:block;width:54px;max-height:44px}}
@media(max-width:600px){.mobile-brand{flex-shrink:0}.mobile-logo{display:block;width:92px;height:69px;object-fit:contain}.footer-logo{width:56px;height:42px}}