@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

*{
	font-family: 'Karla';
}

h1{
	font-family: 'DM Sans';
	font-weight: bold;
	color: var(--bs-tertiary);
}

select{
	min-width: 200px;
	max-width: 250px;
}

h3{
	font-weight: bold;
	font-family: 'DM Sans';
	color: var(--bs-secondary);
}

.bg-primary {
    background-color: #393E46 !important; /* ¡Este es el color nuevo! */
}

.navbar .nav-link {
    color: #fff !important; /* Cambia el color de los enlaces a blanco */
}

.navbar-text .btn {
    background-color: #5d6168 !important; /* Un gris más claro para el fondo del botón */
    border-color: #5d6168 !important;
    color: #fff !important; /* Texto del botón en blanco */
}

.btn-secondary {
    background-color: #5d6168 !important; /* Un gris oscuro para el botón de perfil/login */
    border-color: #5d6168 !important;
    color: #fff !important;
}

.btn.bg-tertiary {
    background-color: #5d6168 !important; /* O el color que quieras para este botón */
    border-color: #5d6168 !important;
    color: #fff !important;
}