/**
 * NJSMA brand overrides — green + gold (replaces default Bootstrap blue).
 */
:root {
    --bs-primary: #056839;
    --bs-primary-rgb: 5, 104, 57;
    --bs-link-color: #056839;
    --bs-link-hover-color: #034d2a;
    --accent-color: #c9a227;
}

.btn-primary {
    --bs-btn-bg: #056839;
    --bs-btn-border-color: #056839;
    --bs-btn-hover-bg: #034d2a;
    --bs-btn-hover-border-color: #034d2a;
    --bs-btn-active-bg: #023d1f;
    --bs-btn-active-border-color: #023d1f;
}

.btn-outline-primary {
    --bs-btn-color: #056839;
    --bs-btn-border-color: #056839;
    --bs-btn-hover-bg: #056839;
    --bs-btn-hover-border-color: #056839;
}

.text-primary {
    color: #056839 !important;
}

.bg-primary {
    background-color: #056839 !important;
}

.border-primary {
    border-color: #056839 !important;
}

a {
    color: #056839;
}

a:hover {
    color: #034d2a;
}

.page-header {
    background: linear-gradient(135deg, #056839 0%, #034d2a 70%, #1a6b42 100%) !important;
}

.icon-box.text-primary,
.bi.text-primary {
    color: #056839 !important;
}

.alert-info {
    background-color: #f4f9f6;
    border-color: #b8dcc8;
    color: #034d2a;
}

.badge.bg-primary,
.news-badge {
    background: linear-gradient(135deg, #056839, #078847) !important;
}

.carousel-indicators [data-bs-target] {
    background-color: #056839;
}

.form-control,
.form-select,
textarea.form-control {
    border: 1.5px solid #056839;
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
    border-color: #034d2a;
    box-shadow: 0 0 0 0.2rem rgba(5, 104, 57, 0.2);
}

.btn-accent,
.btn-warning-theme {
    background: #f8cf2e;
    border-color: #e0b820;
    color: #1a1a1a;
    font-weight: 600;
}

.btn-accent:hover,
.btn-warning-theme:hover {
    background: #e0b820;
    color: #000;
}

.pay-now-btn {
    background: #f8cf2e !important;
    color: #1a1a1a !important;
    border: 1px solid #e0b820;
}

.pay-now-btn:hover {
    background: #e0b820 !important;
    color: #000 !important;
}

/* Override legacy blue (#00507d) from inc/css.css */
a:hover,
.navmenu a:hover,
.breadcrumbs a:hover {
    color: #034d2a;
}

.section-header h2::after,
.page-header {
    border-color: #056839;
}

#hero .carousel-item.hero-slide-fallback {
    background: linear-gradient(135deg, #056839 0%, #034d2a 55%, #023d1f 100%);
    background-image: none;
}