/* Loaded by the app/guest wrappers only - NOT by the public biolink/splash pages, where the visitor-facing colors are chosen by each page's owner and must not be overridden by the site palette. */
/* ---------- Chavepix brand palette ---------- */
/* verde pix (#77b6a8) is the primary color for buttons, active states, highlights and icons.
   Bootstrap's own compiled classes (.btn-primary, .text-primary, etc.) bake the old blue in as a
   literal hex value rather than consuming the --primary custom property, so each one needs its own
   override below - redeclaring --primary alone only affects this project's own rules that already
   reference var(--primary) (sidebar active state, focus rings, etc.). */
:root {
	--cp-green: #77b6a8;
	--cp-green-hover: #5f9c8e;
	--cp-green-active: #4d8276;
	--cp-gray: #6f6866;
	--cp-ink: #38302e;
	--cp-orange: #e28413;
	--cp-pink: #eccbd9;

	--primary: var(--cp-green);
	--primary-100: #eaf4f2;
	--primary-200: #d5e9e5;
	--primary-300: #bbdad4;
	--primary-400: #a0ccc2;
	--primary-600: #5f9c8e;
	--primary-700: #537f76;
	--primary-800: #41645c;
	--primary-900: #304943;
}

.btn-primary {
	background-color: var(--cp-green) !important;
	border-color: var(--cp-green) !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--cp-green-hover) !important;
	border-color: var(--cp-green-active) !important;
	color: #fff !important;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(119, 182, 168, .5) !important;
}
.btn-outline-primary {
	color: var(--cp-green) !important;
	border-color: var(--cp-green) !important;
}
.btn-outline-primary:hover {
	background-color: var(--cp-green) !important;
	border-color: var(--cp-green) !important;
	color: #fff !important;
}
.text-primary { color: var(--cp-green) !important; }
.text-primary-200 { color: var(--primary-200) !important; }
.bg-primary { background-color: var(--cp-green) !important; }
.badge-primary { color: #fff !important; background-color: var(--cp-green) !important; }
.border-primary { border-color: var(--cp-green) !important; }

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--cp-green) !important;
	background-color: var(--cp-green) !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 .2rem rgba(119, 182, 168, .25) !important;
}
.form-control:focus,
.custom-select:focus {
	border-color: var(--cp-green) !important;
	box-shadow: 0 0 0 .2rem rgba(119, 182, 168, .25) !important;
}
.page-item.active .page-link {
	background-color: var(--cp-green) !important;
	border-color: var(--cp-green) !important;
}
.nav-tabs .nav-link.active {
	color: var(--cp-green) !important;
}
.spinner-border.text-primary, .spinner-grow.text-primary {
	color: var(--cp-green) !important;
}