/* Moved to separate file to to keep bulk out of main css style file */
:root {
	--cw-primary-color: #fff;
	--cw-primary-bg: #0d6efd;
	--cw-primary-border-color: #0d6efd;
	--cw-primary-hover-color: #fff;
	--cw-primary-hover-bg: #0b5ed7;
	--cw-primary-hover-border-color: #0a58ca;
	--cw-primary-focus-shadow-rgb: 49, 132, 253;
	--cw-primary-active-color: #fff;
	--cw-primary-active-bg: #0a58ca;
	--cw-primary-active-border-color: #0a53be;
	--cw-primary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-primary-disabled-color: #fff;
	--cw-primary-disabled-bg: #0d6efd;
	--cw-primary-disabled-border-color: #0d6efd;

	--cw-secondary-color: #fff;
	--cw-secondary-bg: #6c757d;
	--cw-secondary-border-color: #6c757d;
	--cw-secondary-hover-color: #fff;
	--cw-secondary-hover-bg: #5c636a;
	--cw-secondary-hover-border-color: #565e64;
	--cw-secondary-focus-shadow-rgb: 130, 138, 145;
	--cw-secondary-active-color: #fff;
	--cw-secondary-active-bg: #565e64;
	--cw-secondary-active-border-color: #51585e;
	--cw-secondary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-secondary-disabled-color: #fff;
	--cw-secondary-disabled-bg: #6c757d;
	--cw-secondary-disabled-border-color: #6c757d;

	--cw-success-color: #fff;
	--cw-success-bg: #198754;
	--cw-success-border-color: #198754;
	--cw-success-hover-color: #fff;
	--cw-success-hover-bg: #157347;
	--cw-success-hover-border-color: #146c43;
	--cw-success-focus-shadow-rgb: 60, 153, 110;
	--cw-success-active-color: #fff;
	--cw-success-active-bg: #146c43;
	--cw-success-active-border-color: #13653f;
	--cw-success-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-success-disabled-color: #fff;
	--cw-success-disabled-bg: #198754;
	--cw-success-disabled-border-color: #198754;

	--cw-danger-color: #fff;
	--cw-danger-bg: #dc3545;
	--cw-danger-border-color: #dc3545;
	--cw-danger-hover-color: #fff;
	--cw-danger-hover-bg: #bb2d3b;
	--cw-danger-hover-border-color: #b02a37;
	--cw-danger-focus-shadow-rgb: 225, 83, 97;
	--cw-danger-active-color: #fff;
	--cw-danger-active-bg: #b02a37;
	--cw-danger-active-border-color: #a52834;
	--cw-danger-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-danger-disabled-color: #fff;
	--cw-danger-disabled-bg: #dc3545;
	--cw-danger-disabled-border-color: #dc3545;

	--cw-warning-color: #000;
	--cw-warning-bg: #ffc107;
	--cw-warning-border-color: #ffc107;
	--cw-warning-hover-color: #000;
	--cw-warning-hover-bg: #ffca2c;
	--cw-warning-hover-border-color: #ffc720;
	--cw-warning-focus-shadow-rgb: 217, 164, 6;
	--cw-warning-active-color: #000;
	--cw-warning-active-bg: #ffcd39;
	--cw-warning-active-border-color: #ffc720;
	--cw-warning-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-warning-disabled-color: #000;
	--cw-warning-disabled-bg: #ffc107;
	--cw-warning-disabled-border-color: #ffc107;

	--cw-info-color: #000;
	--cw-info-bg: #0dcaf0;
	--cw-info-border-color: #0dcaf0;
	--cw-info-hover-color: #000;
	--cw-info-hover-bg: #31d2f2;
	--cw-info-hover-border-color: #25cff2;
	--cw-info-focus-shadow-rgb: 11, 172, 204;
	--cw-info-active-color: #000;
	--cw-info-active-bg: #3dd5f3;
	--cw-info-active-border-color: #25cff2;
	--cw-info-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-info-disabled-color: #000;
	--cw-info-disabled-bg: #0dcaf0;
	--cw-info-disabled-border-color: #0dcaf0;

	--cw-light-color: #000;
	--cw-light-bg: #f8f9fa;
	--cw-light-border-color: #f8f9fa;
	--cw-light-hover-color: #000;
	--cw-light-hover-bg: #d3d4d5;
	--cw-light-hover-border-color: #c6c7c8;
	--cw-light-focus-shadow-rgb: 211, 212, 213;
	--cw-light-active-color: #000;
	--cw-light-active-bg: #c6c7c8;
	--cw-light-active-border-color: #babbbc;
	--cw-light-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-light-disabled-color: #000;
	--cw-light-disabled-bg: #f8f9fa;
	--cw-light-disabled-border-color: #f8f9fa;

	--cw-dark-color: #fff;
	--cw-dark-bg: #212529;
	--cw-dark-border-color: #212529;
	--cw-dark-hover-color: #fff;
	--cw-dark-hover-bg: #424649;
	--cw-dark-hover-border-color: #373b3e;
	--cw-dark-focus-shadow-rgb: 66, 70, 73;
	--cw-dark-active-color: #fff;
	--cw-dark-active-bg: #4d5154;
	--cw-dark-active-border-color: #373b3e;
	--cw-dark-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--cw-dark-disabled-color: #fff;
	--cw-dark-disabled-bg: #212529;
	--cw-dark-disabled-border-color: #212529;

	--cw-link-font-weight: 400;
	--cw-link-color: var(--bs-link-color);
	--cw-link-bg: transparent;
	--cw-link-border-color: transparent;
	--cw-link-hover-color: var(--bs-link-hover-color);
	--cw-link-hover-border-color: transparent;
	--cw-link-active-color: var(--bs-link-hover-color);
	--cw-link-active-border-color: transparent;
	--cw-link-disabled-color: #6c757d;
	--cw-link-disabled-border-color: transparent;
	--cw-link-box-shadow: 0 0 0 #000;
	--cw-link-focus-shadow-rgb: 49, 132, 253;
}

/* =============================== Button Basic =============================== */
button[class|="btn"] {
	font-size: 1.25rem;
	padding: 0 0.25rem;
	border-radius: 5px;
}

/* =============================== Button Color =============================== */
.btn-primary {
	color: var(--cw-primary-color);
	background-color: var(--cw-primary-bg);
	border-color: var(--cw-primary-border-color);
}
.btn-primary:hover {
	color: var(--cw-primary-hover-color);
	background-color: var(--cw-primary-hover-bg);
	border-color: var(--cw-primary-border-hover-color);
}
.btn-primary:focus-visible {
	color: var(--cw-primary-hover-color);
	background-color: var(--cw-primary-hover-bg);
	border-color: var(--cw-primary-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-primary-focus-box-shadow);
}
.btn-primary:focus:not(:focus-visible) {
	outline: 0;
}
.btn-primary:active {
	color: var(--cw-primary-active-color);
	background-color: var(--cw-primary-active-bg);
	border-color: var(--cw-primary-active-border-color);
}
.btn-primary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-secondary {
	color: var(--cw-secondary-color);
	background-color: var(--cw-secondary-bg);
	border-color: var(--cw-secondary-border-color);
}
.btn-secondary:hover {
	color: var(--cw-secondary-hover-color);
	background-color: var(--cw-secondary-hover-bg);
	border-color: var(--cw-secondary-border-hover-color);
}
.btn-secondary:focus-visible {
	color: var(--cw-secondary-hover-color);
	background-color: var(--cw-secondary-hover-bg);
	border-color: var(--cw-secondary-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-secondary-focus-box-shadow);
}
.btn-secondary:focus:not(:focus-visible) {
	outline: 0;
}
.btn-secondary:active {
	color: var(--cw-secondary-active-color);
	background-color: var(--cw-secondary-active-bg);
	border-color: var(--cw-secondary-active-border-color);
}
.btn-secondary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-success {
	color: var(--cw-success-color);
	background-color: var(--cw-success-bg);
	border-color: var(--cw-success-border-color);
}
.btn-success:hover {
	color: var(--cw-success-hover-color);
	background-color: var(--cw-success-hover-bg);
	border-color: var(--cw-success-border-hover-color);
}
.btn-success:focus-visible {
	color: var(--cw-success-hover-color);
	background-color: var(--cw-success-hover-bg);
	border-color: var(--cw-success-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-success-focus-box-shadow);
}
.btn-success:focus:not(:focus-visible) {
	outline: 0;
}
.btn-success:active {
	color: var(--cw-success-active-color);
	background-color: var(--cw-success-active-bg);
	border-color: var(--cw-success-active-border-color);
}
.btn-success:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-light {
	color: var(--cw-light-color);
	background-color: var(--cw-light-bg);
	border-color: var(--cw-light-border-color);
}
.btn-light:hover {
	color: var(--cw-light-hover-color);
	background-color: var(--cw-light-hover-bg);
	border-color: var(--cw-light-border-hover-color);
}
.btn-light:focus-visible {
	color: var(--cw-light-hover-color);
	background-color: var(--cw-light-hover-bg);
	border-color: var(--cw-light-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-light-focus-box-shadow);
}
.btn-light:focus:not(:focus-visible) {
	outline: 0;
}
.btn-light:active {
	color: var(--cw-light-active-color);
	background-color: var(--cw-light-active-bg);
	border-color: var(--cw-light-active-border-color);
}
.btn-light:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-warning {
	color: var(--cw-warning-color);
	background-color: var(--cw-warning-bg);
	border-color: var(--cw-warning-border-color);
}
.btn-warning:hover {
	color: var(--cw-warning-hover-color);
	background-color: var(--cw-warning-hover-bg);
	border-color: var(--cw-warning-border-hover-color);
}
.btn-warning:focus-visible {
	color: var(--cw-warning-hover-color);
	background-color: var(--cw-warning-hover-bg);
	border-color: var(--cw-warning-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-warning-focus-box-shadow);
}
.btn-warning:focus:not(:focus-visible) {
	outline: 0;
}
.btn-warning:active {
	color: var(--cw-warning-active-color);
	background-color: var(--cw-warning-active-bg);
	border-color: var(--cw-warning-active-border-color);
}
.btn-warning:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-info {
	color: var(--cw-info-color);
	background-color: var(--cw-info-bg);
	border-color: var(--cw-info-border-color);
}
.btn-info:hover {
	color: var(--cw-info-hover-color);
	background-color: var(--cw-info-hover-bg);
	border-color: var(--cw-info-border-hover-color);
}
.btn-info:focus-visible {
	color: var(--cw-info-hover-color);
	background-color: var(--cw-info-hover-bg);
	border-color: var(--cw-info-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-info-focus-box-shadow);
}
.btn-info:focus:not(:focus-visible) {
	outline: 0;
}
.btn-info:active {
	color: var(--cw-info-active-color);
	background-color: var(--cw-info-active-bg);
	border-color: var(--cw-info-active-border-color);
}
.btn-info:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-danger {
	color: var(--cw-danger-color);
	background-color: var(--cw-danger-bg);
	border-color: var(--cw-danger-border-color);
}
.btn-danger:hover {
	color: var(--cw-danger-hover-color);
	background-color: var(--cw-danger-hover-bg);
	border-color: var(--cw-danger-border-hover-color);
}
.btn-danger:focus-visible {
	color: var(--cw-danger-hover-color);
	background-color: var(--cw-danger-hover-bg);
	border-color: var(--cw-danger-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-danger-focus-box-shadow);
}
.btn-danger:focus:not(:focus-visible) {
	outline: 0;
}
.btn-danger:active {
	color: var(--cw-danger-active-color);
	background-color: var(--cw-danger-active-bg);
	border-color: var(--cw-danger-active-border-color);
}
.btn-danger:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-dark {
	color: var(--cw-dark-color);
	background-color: var(--cw-dark-bg);
	border-color: var(--cw-dark-border-color);
}
.btn-dark:hover {
	color: var(--cw-dark-hover-color);
	background-color: var(--cw-dark-hover-bg);
	border-color: var(--cw-dark-border-hover-color);
}
.btn-dark:focus-visible {
	color: var(--cw-dark-hover-color);
	background-color: var(--cw-dark-hover-bg);
	border-color: var(--cw-dark-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-dark-focus-box-shadow);
}
.btn-dark:focus:not(:focus-visible) {
	outline: 0;
}
.btn-dark:active {
	color: var(--cw-dark-active-color);
	background-color: var(--cw-dark-active-bg);
	border-color: var(--cw-dark-active-border-color);
}
.btn-dark:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.btn-link {
	color: var(--cw-link-color);
	background-color: var(--cw-link-bg);
	border-color: var(--cw-link-border-color);
}
.btn-link:hover {
	color: var(--cw-link-hover-color);
	background-color: var(--cw-link-hover-bg);
	border-color: var(--cw-link-border-hover-color);
}
.btn-link:focus-visible {
	color: var(--cw-link-hover-color);
	background-color: var(--cw-link-hover-bg);
	border-color: var(--cw-link-hover-border-color);
	outline: 0;
	box-shadow: var(--cw-link-focus-box-shadow);
}
.btn-link:focus:not(:focus-visible) {
	outline: 0;
}
.btn-link:active {
	color: var(--cw-link-active-color);
	background-color: var(--cw-link-active-bg);
	border-color: var(--cw-link-active-border-color);
}
.btn-link:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}