/* Override Bootstrap primary color with #7cc142 */
:root {
    --primary: #7cc142;
}

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

.btn-primary:hover {
    background-color: #6aa32e;
    border-color: #6aa32e;
}

.page-link {
    color: var(--primary);
    border-color: #ddd;
}

.page-link:hover {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #ddd;
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #495057;
}

/* Additional customizations for other elements using the primary color */
.navbar {
    background-color: var(--primary);
}

.alert-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.card-header {
    background-color: var(--primary);
}