/*
 * THEME OVERRIDE
 *
 * Paleta de colores moderna y sobria (negros, blancos, grises).
 * Estos estilos sobreescriben las variables por defecto de Bootstrap y Bootswatch.
 */

:root, [data-bs-theme=light] {
    /* Paleta Principal */
    --bs-primary: #2c3e50; /* Un azul oscuro/casi negro, mantenido del tema original por sobriedad */
    --bs-secondary: #95a5a6; /* Gris secundario del tema original */
    --bs-dark-grey: #6c757d; /* Un gris más oscuro para acciones */

    /* El verde #18bc9c, ahora es un gris oscuro */
    --bs-green: #495057;
    --bs-success: var(--bs-dark-grey);
    /*--bs-success-rgb: 108, 117, 125;*/
    --bs-success-text-emphasis: #1d2124;
    --bs-success-bg-subtle: #d3d5d7;
    --bs-success-border-subtle: #b8bcc0;

    /* Otros colores para mantener consistencia */
    --bs-info: #3498db;
    --bs-warning: #f39c12; /* Mantenemos el amarillo para advertencias */
    --bs-danger: #e74c3c; /* Mantenemos el rojo para errores */
    --bs-light: #f8f9fa; /* Un gris muy claro, casi blanco */
    --bs-dark: #343a40; /* Negro suave */

    /* Colores de validación de formularios */
    /*--bs-form-valid-color: var(--bs-dark-grey);*/
    /*--bs-form-valid-border-color: var(--bs-dark-grey);*/

    /* Color de los tabs de navegación */
    --bs-nav-tabs-link-active-color: var(--bs-primary);

    /* Links */
    --bs-link-color: #2c3e50;
    --bs-link-hover-color: #1a252f;

    /* Alertas */
    --bs-alert-color: #fff;
    --bs-alert-bg: var(--bs-success);
    --bs-alert-border-color: var(--bs-success);

    /* Botones */
    /*--bs-btn-success-color: #fff;*/
    /*--bs-btn-success-bg: var(--bs-dark-grey);*/
    /*--bs-btn-success-border-color: var(--bs-dark-grey);*/
    /*--bs-btn-success-hover-color: #fff;*/
    /*--bs-btn-success-hover-bg: #5c666e;*/
    /*--bs-btn-success-hover-border-color: #566067;*/
    /*--bs-btn-success-active-color: #fff;*/
    /*--bs-btn-success-active-bg: #566067;*/
    /*--bs-btn-success-active-border-color: #51595e;*/
    /*--bs-btn-success-disabled-color: #fff;*/
    /*--bs-btn-success-disabled-bg: var(--bs-dark-grey);*/
    /*--bs-btn-success-disabled-border-color: var(--bs-dark-grey);*/

    /* Botones Outline */
    --bs-btn-outline-success-color: var(--bs-dark-grey);
    --bs-btn-outline-success-border-color: var(--bs-dark-grey);
    --bs-btn-outline-success-hover-color: #fff;
    --bs-btn-outline-success-hover-bg: var(--bs-dark-grey);
    --bs-btn-outline-success-hover-border-color: var(--bs-dark-grey);
    --bs-btn-outline-success-active-color: #fff;
    --bs-btn-outline-success-active-bg: var(--bs-dark-grey);
    --bs-btn-outline-success-active-border-color: var(--bs-dark-grey);
    --bs-btn-outline-success-disabled-color: var(--bs-dark-grey);
    --bs-btn-outline-success-disabled-bg: transparent;
}

/* Sobreescritura específica para las variables de paginación que el tema Flatly fuerza */
.pagination {
    --bs-pagination-bg: var(--bs-dark-grey); /* Gris secundario */
    --bs-pagination-hover-bg: #2c3e50; /* Azul primario oscuro */
    --bs-pagination-active-bg: #2c3e50; /* Azul primario oscuro */
    --bs-pagination-hover-color: #fff;
    --bs-pagination-active-color: #fff;
    --bs-pagination-disabled-bg: #adb5bd; /* Gris más claro para deshabilitado */
    --bs-pagination-disabled-color: #ecf0f1;
    --bs-pagination-color: #fff; /* Texto blanco */
    --bs-pagination-border-width: 0; /* Eliminamos el borde original */
    --bs-pagination-border-color: transparent;
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-border-color: transparent;
}

/* Sobreescritura para la barra de navegación oscura que el tema Flatly fuerza */
.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-hover-color: var(--bs-secondary); /* Gris para el hover */
    --bs-navbar-active-color: var(--bs-secondary); /* Gris para el estado activo */
    --bs-navbar-brand-hover-color: var(--bs-secondary); /* Gris para el hover del logo/marca */
}

/* Sobreescritura para el color de validación de formularios (check verde) */
.was-validated .form-control:valid, .form-control.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236c757d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
}

/* Sobreescritura para las alertas de success */
/*.alert-success {*/
/*  background-color: var(--bs-dark-grey);*/
/*}*/

/* Sobreescritura para un card-header más moderno y plano */
.card-header {
    background-color: #f8f9fa; /* Un gris muy claro, casi blanco */
    border-bottom: none; /* Eliminamos el borde inferior para un look plano */
}