:root {
	--oddcoll-color-primary: #0C4133;
	--oddcoll-color-primary-rgb: 12, 65, 51;
	--oddcoll-color-primary-hover: #29C4A9;
	--oddcoll-color-primary-active: #082E24;

	/* Bootstrap semantic color hook (used by components/utilities) */
	--bs-primary: var(--oddcoll-color-primary);
	--bs-primary-rgb: var(--oddcoll-color-primary-rgb);
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--oddcoll-color-primary);
	--bs-btn-border-color: var(--oddcoll-color-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--oddcoll-color-primary-hover);
	--bs-btn-hover-border-color: var(--oddcoll-color-primary-hover);
	--bs-btn-focus-shadow-rgb: var(--oddcoll-color-primary-rgb);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--oddcoll-color-primary-active);
	--bs-btn-active-border-color: var(--oddcoll-color-primary-active);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--oddcoll-color-primary);
	--bs-btn-disabled-border-color: var(--oddcoll-color-primary);
}