/**
 * theme-er.css — Tema Entre Ríos
 *
 * Paleta de verdes institucionales. Se carga DESPUÉS de app.css y
 * sb-admin-2.min.css (cuando aplique), ANTES de app-overrides.css.
 * No modificar app.css ni ningún archivo vendor.
 */

/* ─────────────────────────────────────────────────────────────
 * Variables de tema
 * ───────────────────────────────────────────────────────────── */
:root {
  --color-primary:    #2e7d32;   /* verde bosque */
  --color-primary-dk: #1b5e20;   /* verde oscuro */
  --color-primary-lt: #a5d6a7;   /* verde claro */
  --color-accent:     #43a047;   /* verde medio */
}

/* ─────────────────────────────────────────────────────────────
 * Navbar principal
 * Bootstrap genera bg-dark como #343a40. Lo reemplazamos por el
 * verde oscuro del tema sin tocar navbar.blade.php.
 * ───────────────────────────────────────────────────────────── */
.navbar {
    background-color: var(--color-primary-dk) !important;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--color-primary-lt) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Sidebar SB Admin 2
 * .bg-gradient-primary está hardcodeado en sb-admin-2 con azul.
 * ───────────────────────────────────────────────────────────── */
.bg-gradient-primary {
    background-color: var(--color-primary-dk) !important;
    background-image: linear-gradient(
        180deg, var(--color-primary) 10%, var(--color-primary-dk) 100%
    ) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Botón primario
 * ───────────────────────────────────────────────────────────── */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color:     var(--color-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--color-primary-dk) !important;
    border-color:     var(--color-primary-dk) !important;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.5) !important;
}

/* ─────────────────────────────────────────────────────────────
 * Utilidades Bootstrap que usan el color primario
 * ───────────────────────────────────────────────────────────── */
.bg-primary     { background-color: var(--color-primary) !important; }
.text-primary   { color:            var(--color-primary) !important; }
.border-primary { border-color:     var(--color-primary) !important; }

/* ─────────────────────────────────────────────────────────────
 * Links
 * ───────────────────────────────────────────────────────────── */
a             { color: var(--color-accent); }
a:hover       { color: var(--color-primary-dk); }

/* Sidebar collapse items (SB Admin 2) */
.collapse-item:hover,
.collapse-item:focus {
    color: var(--color-primary) !important;
}