/* Colores de Kuayni: fondo oscuro del logo (#100a0a) y amarillo (#ffc706). */
:root {
    --kuayni-oscuro: #100a0a;
    --kuayni-oscuro-2: #241a18;
    --kuayni-amarillo: #ffc706;
}

/* Barra lateral y barra superior oscuras, como en el sistema de escritorio */
.fi-sidebar,
.fi-sidebar-header,
.fi-topbar,
.fi-topbar > nav {
    background-color: var(--kuayni-oscuro) !important;
    color: #f1ebe9;
}
.fi-sidebar { border-inline-end: 0 !important; }
.fi-sidebar-header { box-shadow: none !important; border-bottom: 1px solid var(--kuayni-oscuro-2); }
.fi-topbar { box-shadow: none !important; border-bottom: 1px solid var(--kuayni-oscuro-2); }

.fi-sidebar .fi-sidebar-item-btn,
.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-icon,
.fi-topbar .fi-icon-btn,
.fi-topbar .fi-icon {
    color: #e8e1df !important;
}
.fi-sidebar .fi-sidebar-item-btn:hover,
.fi-sidebar .fi-sidebar-item-btn:focus-visible {
    background-color: rgba(255, 255, 255, .08) !important;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: rgba(255, 199, 6, .14) !important;
    box-shadow: inset 3px 0 0 var(--kuayni-amarillo);
}
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-icon {
    color: var(--kuayni-amarillo) !important;
}

/* Pantalla de inicio de sesión: fondo oscuro con el logo */
.fi-simple-layout { background-color: var(--kuayni-oscuro); }
.fi-simple-main { border-radius: 1rem; }