/* ─── Tokens semânticos (novo padrão WellGen) ─── */
@import "../css/variables.css";

/* ─── Módulos legados ─── */
@import "modules/_variables.css";
@import "modules/_utilities.css";
@import "modules/_components.css";
@import "modules/_sidebar.css";
@import "modules/_views.css";

/* Scrollbar customizada */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--gray-100);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--gray-300);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--gray-400);
}

/* Animações simples */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Transição suave para o menu lateral */
.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}

/* Ajuste de Z-Index para Modais Sobrepostos */
.z-modal-base {
    z-index: 50;
}

.z-modal-top {
    z-index: 60;
}