/* Importar fuentes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round');

/* Importar módulos */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('pages/login.css');

/* --- SCROLLBAR PERSONALIZADO (Azul, no rojo) --- */
/* Funciona en Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark); /* Fondo oscuro */
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary); /* Azul bonito */
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--color-primary-hover); /* Azul más brillante al tocar */
    }

/* --- UTILIDADES GLOBALES --- */
.text-center {
    text-align: center;
}

.mt-3 {
    margin-top: 1rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

/* Evitar selección de texto molesta */
.no-select {
    user-select: none;
    -webkit-user-select: none;
}