/*
 * Tema de BarraTouch para Bootstrap.
 * Va dentro de la misma capa que Bootstrap (@layer bootstrap, declarada antes de Tailwind en cada página),
 * así pisa los colores de Bootstrap pero las utilidades de Tailwind siguen ganando.
 */
@layer bootstrap {
    :root {
        --bs-primary: #e91e63;
        --bs-primary-rgb: 233, 30, 99;
        --bs-primary-text-emphasis: #8c1239;
        --bs-primary-bg-subtle: #fce4ec;
        --bs-primary-border-subtle: #f8bbd0;
        --bs-link-color: #e91e63;
        --bs-link-color-rgb: 233, 30, 99;
        --bs-link-hover-color: #c2185b;
        --bs-link-hover-color-rgb: 194, 24, 91;
        --bs-focus-ring-color: rgba(233, 30, 99, 0.25);
    }

    /* Los links toman el color del texto que los rodea (como antes de pasar a Tailwind compilado) */
    a {
        color: inherit;
        text-decoration: inherit;
    }

    /* Bootstrap escribe este azul a mano (no usa --bs-primary-rgb) */
    .text-bg-primary {
        color: #fff !important;
        background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important;
    }

    .btn-primary {
        --bs-btn-bg: #e91e63;
        --bs-btn-border-color: #e91e63;
        --bs-btn-hover-bg: #c2185b;
        --bs-btn-hover-border-color: #c2185b;
        --bs-btn-active-bg: #ad1457;
        --bs-btn-active-border-color: #ad1457;
        --bs-btn-disabled-bg: #e91e63;
        --bs-btn-disabled-border-color: #e91e63;
        --bs-btn-focus-shadow-rgb: 233, 30, 99;
    }

    .btn-outline-primary {
        --bs-btn-color: #e91e63;
        --bs-btn-border-color: #e91e63;
        --bs-btn-hover-bg: #e91e63;
        --bs-btn-hover-border-color: #e91e63;
        --bs-btn-active-bg: #c2185b;
        --bs-btn-active-border-color: #c2185b;
        --bs-btn-disabled-color: #e91e63;
        --bs-btn-disabled-border-color: #e91e63;
        --bs-btn-focus-shadow-rgb: 233, 30, 99;
    }

    .btn-link {
        --bs-btn-color: #e91e63;
        --bs-btn-hover-color: #c2185b;
        --bs-btn-active-color: #c2185b;
    }

    .nav-pills {
        --bs-nav-pills-link-active-bg: #e91e63;
    }

    .nav-tabs .nav-link {
        color: #6b7280;
    }

    .nav-tabs .nav-link:hover,
    .nav-tabs .nav-link:focus {
        color: #e91e63;
    }

    .nav-tabs .nav-link.active {
        color: #e91e63;
        font-weight: 600;
    }

    .form-control:focus,
    .form-select:focus {
        border-color: #f48fb1;
        box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.2);
    }

    .form-check-input:focus {
        border-color: #f48fb1;
        box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.2);
    }

    .form-check-input:checked {
        background-color: #e91e63;
        border-color: #e91e63;
    }

    .pagination {
        --bs-pagination-color: #e91e63;
        --bs-pagination-hover-color: #c2185b;
        --bs-pagination-focus-color: #c2185b;
        --bs-pagination-active-bg: #e91e63;
        --bs-pagination-active-border-color: #e91e63;
    }

    .dropdown-menu {
        --bs-dropdown-link-active-bg: #e91e63;
    }

    .list-group {
        --bs-list-group-active-bg: #e91e63;
        --bs-list-group-active-border-color: #e91e63;
    }

    .progress,
    .progress-stacked {
        --bs-progress-bar-bg: #e91e63;
    }
}