/* static/css/style.css */

/* Paleta de colores base verde */
:root {
    --primary-green: #28a745; /* Verde principal de Bootstrap */
    --dark-green: #198754;   /* Verde más oscuro de Bootstrap */
    --light-green: #d1e7dd;  /* Verde claro para fondos y alertas */
    --text-on-green: #ffffff;
}

body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Barra de navegación */
.navbar.bg-success {
    background-color: var(--primary-green) !important;
}

.navbar-brand {
    font-weight: bold;
}

/* Tarjetas (Cards) */
.card {
    border: none;
    border-radius: 0.75rem;
}

.card-header {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    font-weight: 500;
}

.card-header.bg-success {
    background-color: var(--dark-green) !important;
}

/* Botones */
.btn-success {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.btn-success:hover {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}

/* Alertas */
.alert-success {
    background-color: var(--light-green);
    border-color: #badbcc;
    color: #0f5132;
}

/* Insignias (Badges) */
.badge.bg-success {
    background-color: var(--dark-green) !important;
}

.badge.bg-warning {
    background-color: #ffc107 !important;
}

/* Pie de página */
footer {
    padding: 1rem 0;
}

/* --- NUEVO --- */
/* Sobrescribir el color del botón primario para que sea verde */
.btn-primary {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.btn-primary:hover {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}