/* ======================================== BRAND COLOR OVERRIDES ======================================== Bootstrap is loaded last in the (after every local stylesheet), so its default blue (#0d6efd) wins the cascade for any element using plain Bootstrap utility classes with no page-specific override - .btn-primary, .bg-primary, .text-primary, .border-primary, and Bootstrap's own focus-ring/shadow colors. This file is linked immediately after Bootstrap so Educare's actual brand navy always wins instead, sitewide, without having to touch Bootstrap's load order or hunt down every page that uses a bare Bootstrap class. Single source of truth: the --primary-color-solid / --primary-dark variables already defined in style.css's :root (falls back to the literal value if that file somehow isn't loaded on a given page). ======================================== */ .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--primary-color-solid, #070d5a); --bs-btn-border-color: var(--primary-color-solid, #070d5a); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--primary-dark, #050942); --bs-btn-hover-border-color: var(--primary-dark, #050942); --bs-btn-focus-shadow-rgb: 7, 13, 90; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--primary-dark, #050942); --bs-btn-active-border-color: var(--primary-dark, #050942); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--primary-color-solid, #070d5a); --bs-btn-disabled-border-color: var(--primary-color-solid, #070d5a); } .btn-outline-primary { --bs-btn-color: var(--primary-color-solid, #070d5a); --bs-btn-border-color: var(--primary-color-solid, #070d5a); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--primary-color-solid, #070d5a); --bs-btn-hover-border-color: var(--primary-color-solid, #070d5a); --bs-btn-focus-shadow-rgb: 7, 13, 90; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--primary-dark, #050942); --bs-btn-active-border-color: var(--primary-dark, #050942); --bs-btn-disabled-color: var(--primary-color-solid, #070d5a); --bs-btn-disabled-border-color: var(--primary-color-solid, #070d5a); } .bg-primary { background-color: var(--primary-color-solid, #070d5a) !important; } .text-primary { color: var(--primary-color-solid, #070d5a) !important; } .border-primary { border-color: var(--primary-color-solid, #070d5a) !important; }