/**
* CONTEXT: Shared theme overrides for the LMS, loaded after Bootstrap 5 on every
* page (index.html, listings.html, listing.html). Centralizes the brand
* color so it can be changed in one place instead of per-page.
* UPSTREAM: Linked from each public/*.html , directly after the Bootstrap CDN .
* DOWNSTREAM: Recolors primary buttons, the top navbar/toolbar, links and focus rings.
* FAILURE: Purely cosmetic — if this file fails to load, pages fall back to default
* Bootstrap blue with no loss of functionality.
*/
/* ======== BRAND COLOR ======== */
/* Single source of truth for the primary brand color (#1c7430, a forest green). */
:root {
--brand-primary: #1c7430; /* base */
--brand-primary-hover: #186329; /* ~15% darker, used for hover */
--brand-primary-active: #145323; /* darker still, used for active/pressed */
/* Feed the brand color into Bootstrap's own variables so links, form controls,
focus rings, etc. pick it up automatically. */
--bs-primary: var(--brand-primary);
--bs-primary-rgb: 28, 116, 48;
}
/* ======== PRIMARY BUTTONS ======== */
/* Bootstrap's compiled .btn-primary uses hard-coded blues, so we override the
per-button variables it reads at runtime. */
.btn-primary {
--bs-btn-bg: var(--brand-primary);
--bs-btn-border-color: var(--brand-primary);
--bs-btn-hover-bg: var(--brand-primary-hover);
--bs-btn-hover-border-color: var(--brand-primary-hover);
--bs-btn-active-bg: var(--brand-primary-active);
--bs-btn-active-border-color: var(--brand-primary-active);
--bs-btn-disabled-bg: var(--brand-primary);
--bs-btn-disabled-border-color: var(--brand-primary);
}
/* ======== TOP TOOLBAR / NAVBAR ======== */
/* Pages use