/* ============================================================
   TEMA GLOBAL DEL SISTEMA SIGIPS - v4.0
   ------------------------------------------------------------------
   🎨 SOLO COLOR PRINCIPAL
   - No toca hovers, ni sidebar, ni accent, ni nada más
   - Solo reemplaza #639A33 por la variable --primary
   - Por defecto: verde COOPSERPROG (#639A33)
   ============================================================ */

:root {
    /* 🎨 COLOR PRINCIPAL - Único color configurable */
    --primary: #639A33;
    --primary-hover: #4a7729;
    --primary-active: #3d6222;
    --primary-light: #d5e6d1;
    --primary-soft: rgba(99, 154, 51, 0.1);
    --primary-contrast: #ffffff;
}

/* ============================================================
   🔥 SOLO REEMPLAZAR EL HEX #639A33 POR LA VARIABLE
   Nada más. Los hovers quedan intactos.
   ============================================================ */

/* Fondo principal */
.bg-\[\#639A33\] {
    background-color: var(--primary) !important;
}

/* Hover: mantiene el comportamiento, solo cambia el color */
.hover\:bg-\[\#639A33\]:hover {
    background-color: var(--primary) !important;
}

/* Texto */
.text-\[\#639A33\] {
    color: var(--primary) !important;
}

/* Borde */
.border-\[\#639A33\] {
    border-color: var(--primary) !important;
}

/* Focus */
.focus\:ring-\[\#639A33\]:focus {
    --tw-ring-color: var(--primary) !important;
    box-shadow: 0 0 0 2px var(--primary) !important;
}

.focus\:border-\[\#639A33\]:focus {
    border-color: var(--primary) !important;
}

/* ============================================================
   LEGACY (por si queda algún verde viejo en el sistema)
   ============================================================ */
.bg-\[\#079A33\] { background-color: var(--primary) !important; }
.hover\:bg-\[\#079A33\]:hover { background-color: var(--primary) !important; }
.bg-\[\#4a7729\] { background-color: var(--primary) !important; }
.border-\[\#4a7729\] { border-color: var(--primary) !important; }

/* ============================================================
   🎯 LOADER Y SPINNER (usan el color principal)
   ============================================================ */
#loaderGlobal i,
.loader-container i,
.loading-spinner i {
    color: var(--primary) !important;
}

/* ============================================================
   🎯 PAGINACIÓN ACTIVA
   ============================================================ */
.page-btn.active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}

/* ============================================================
   🎯 SCROLLBAR DE TABLAS
   ============================================================ */
.table-container {
    scrollbar-color: var(--primary) #e5e7eb;
}

.table-container::-webkit-scrollbar-track {
    background: #e5e7eb;
}

.table-container::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

.table-container::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* ============================================================
   🎯 INPUTS - Focus
   ============================================================ */
input:focus,
select:focus,
textarea:focus {
    border-color: var(--primary) !important;
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-soft) !important;
}

/* ============================================================
   🎯 LOGIN - Botón Ingresar
   ============================================================ */
#loginForm button[type="submit"] {
    background-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}

#loginForm button[type="submit"]:hover {
    background-color: var(--primary) !important;
}

/* ============================================================
   🎯 RECUPERAR CONTRASEÑA
   ============================================================ */
#recoverForm button[type="submit"],
#answerForm button[type="submit"] {
    background-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}

#recoverForm button[type="submit"]:hover,
#answerForm button[type="submit"]:hover {
    background-color: var(--primary) !important;
}