/* ========================================================================== Ball Straathof — brand token layer + Bootstrap 5.3 remap Loads AFTER bootstrap.min.css. Bootstrap 5.3 components read local --bs-*-* custom properties, so we recolour the theme by remapping those variables instead of recompiling the framework. ========================================================================== */ :root { /* Brand */ --bs-brand-green: #2F6B3C; /* primary — deep botanical green */ --bs-brand-green-dark: #245530; /* hover / active */ --bs-brand-green-soft: #E8F0E9; /* tints, soft bands */ --bs-brand-red: #cb1400; /* sharp accent only */ /* Warm neutrals (replace cold grey) */ --bs-sand: #FAF8F3; --bs-sand-deep: #F1ECE1; --bs-ink: #1D231E; /* body text */ /* Shape + depth */ --radius-card: .75rem; --shadow-soft: 0 6px 24px rgba(29, 35, 30, .08); --shadow-lift: 0 14px 36px rgba(29, 35, 30, .14); } /* Base body: warm ink text + the "tertiary" band colour used across the templates (bg-body-tertiary) becomes warm sand instead of grey. */ :root, [data-bs-theme="light"] { --bs-body-color: var(--bs-ink); --bs-body-color-rgb: 29, 35, 30; --bs-tertiary-bg: var(--bs-sand); --bs-tertiary-bg-rgb: 250, 248, 243; --bs-emphasis-color: var(--bs-ink); --bs-border-color: #e4e0d6; } /* Brand font — applied to (not #home-body, which breaks when a page overrides the body id). */ body { font-family: Inter, sans-serif; font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */ } @supports (font-variation-settings: normal) { body { font-family: InterVariable, sans-serif; } } /* -------------------------------------------------------------------------- Buttons — remap the success CTAs (used site-wide) to brand green. -------------------------------------------------------------------------- */ .btn-success { --bs-btn-bg: var(--bs-brand-green); --bs-btn-border-color: var(--bs-brand-green); --bs-btn-hover-bg: var(--bs-brand-green-dark); --bs-btn-hover-border-color: var(--bs-brand-green-dark); --bs-btn-active-bg: var(--bs-brand-green-dark); --bs-btn-active-border-color: var(--bs-brand-green-dark); --bs-btn-disabled-bg: var(--bs-brand-green); --bs-btn-disabled-border-color: var(--bs-brand-green); } .btn-outline-success { --bs-btn-color: var(--bs-brand-green); --bs-btn-border-color: var(--bs-brand-green); --bs-btn-hover-bg: var(--bs-brand-green); --bs-btn-hover-border-color: var(--bs-brand-green); --bs-btn-active-bg: var(--bs-brand-green-dark); --bs-btn-active-border-color: var(--bs-brand-green-dark); } /* Links pick up the brand green. */ a { --bs-link-color-rgb: 47, 107, 60; --bs-link-hover-color-rgb: 36, 85, 48; } /* Softer, rounded cards with a gentle lift on hover. */ .card { border-radius: var(--radius-card); }