/* style.css - Estilos personalizados de ContaCode */

/* Fondo gris muy claro para no cansar la vista */
.bg-light-gray {
    background-color: #f4f7f6;
}

/* El color verde azulado de tu logo para botones y acentos */
.btn-primary-custom {
    background-color: #53949D; /* Ajustado al tono de tu logo */
    border-color: #53949D;
    transition: all 0.3s ease;
}

.btn-primary-custom:hover {
    background-color: #3f7980; /* Un tono un poco más oscuro al pasar el mouse */
    border-color: #3f7980;
}

/* Sombras suaves para las tarjetas */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.035)!important;
}

/* Suavizar el texto de las etiquetas de los inputs */
.form-floating label {
    color: #6c757d;
}

/* Efecto al hacer clic en un input */
.form-control:focus {
    border-color: #53949D;
    box-shadow: 0 0 0 0.25rem rgba(83, 148, 157, 0.25);
}
/* Nuevo fondo oscuro para la tarjeta de Login para que resalte el logo */
.bg-dark-card {
    background-color: #1e293b; /* Un gris/azul muy oscuro y elegante */
    color: #ffffff; /* Texto general en blanco */
}

/* Ajustamos el color del texto de bienvenida para que se vea bien en fondo oscuro */
.text-light-custom {
    color: #cbd5e1 !important;
}