/* =====================================================
COLOR PALETTE OVERRIDES (CSS ONLY)
===================================================== */

/* ---------- Base variables ---------- */
:root {
	/* PRIMARY */
	--kt-primary: #00FFE9;
	--kt-primary-light: #ccfff8;
	--kt-primary-active: #00ccb8;
	--kt-primary-inverse: #003f3a;

	/* SUCCESS */
	--kt-success: #20C997;
	--kt-success-light: #d9f6ec;
	--kt-success-active: #1bab82;

	/* WARNING */
	--kt-warning: #FFC107;
	--kt-warning-light: #fff3cd;
	--kt-warning-active: #e0a800;

	/* DANGER */
	--kt-danger: #FE4A49;
	--kt-danger-light: #ffe1e0;
	--kt-danger-active: #e04342;
}

/* ---------- Bootstrap root vars ---------- */
:root {
	--bs-primary: #00FFE9;
	--bs-primary-inverse: #000;
	--bs-success: #20C997;
	--bs-warning: #FFC107;
	--bs-danger:  #FE4A49;

	--bs-primary-active: #00ccb8;
	--bs-success-active: #1bab82;
	--bs-warning-active: #e0a800;
	--bs-danger-active: #e04342;

	--bs-component-active-bg : #00FFE9;
	--bs-component-active-color : #000;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link.active .menu-title {
	color: #000;
}
/* =====================================================
BUTTONS
===================================================== */

/* PRIMARY */
.btn-primary {
	--bs-btn-color: #000;
	--bs-btn-bg: var(--kt-primary);
	--bs-btn-border-color: var(--kt-primary);

	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: var(--kt-primary-active);
	--bs-btn-hover-border-color: var(--kt-primary-active);

	--bs-btn-active-color: #000;
	--bs-btn-active-bg: var(--kt-primary-active);
	--bs-btn-active-border-color: var(--kt-primary-active);

	--bs-btn-disabled-bg: var(--kt-primary);
	--bs-btn-disabled-border-color: var(--kt-primary);
}

/* SUCCESS */
.btn-success {
	--bs-btn-bg: var(--kt-success);
	--bs-btn-border-color: var(--kt-success);
	--bs-btn-hover-bg: var(--kt-success-active);
	--bs-btn-active-bg: var(--kt-success-active);
}

/* WARNING */
.btn-warning {
	--bs-btn-bg: var(--kt-warning);
	--bs-btn-border-color: var(--kt-warning);
	--bs-btn-hover-bg: var(--kt-warning-active);
	--bs-btn-active-bg: var(--kt-warning-active);
}

/* DANGER */
.btn-danger {
	--bs-btn-bg: var(--kt-danger);
	--bs-btn-border-color: var(--kt-danger);
	--bs-btn-hover-bg: var(--kt-danger-active);
	--bs-btn-active-bg: var(--kt-danger-active);
}

/* =====================================================
ACTIVE STATES (menus, tabs, navs)
===================================================== */
.nav-link.active,
.nav-link:focus,
.nav-link:hover.active,
.menu-link.active,
.menu-item.show > .menu-link,
.nav-pills .nav-link.active {
	color: var(--kt-primary) !important;
}

/* background active (tabs / pills) */
.nav-pills .nav-link.active,
.menu-link.active {
	background-color: var(--kt-primary-light) !important;
}

/* =====================================================
BACKGROUNDS / TEXT / BORDERS
===================================================== */
.bg-primary {
	background-color: var(--kt-primary) !important;
}

.bg-light-primary {
	background-color: var(--kt-primary-light) !important;
}

.text-primary {
	color: var(--kt-primary) !important;
}

.text-light-primary {
	color: var(--kt-primary) !important;
	opacity: 0.7;
}

.border-primary {
	border-color: var(--kt-primary) !important;
}

.border-light-primary {
	border-color: var(--kt-primary-light) !important;
}

.form-check-input {
	--bs-form-check-bg: #fff;
	--bs-form-check-border-color: #00FFE9;
}

/* Checked */
.form-check-input:checked {
	background-color: var(--kt-primary);
	border-color: var(--kt-primary);
}

/* Indeterminate */
.form-check-input:indeterminate {
	background-color: var(--kt-primary);
	border-color: var(--kt-primary);
}

/* Focus */
.form-check-input:focus {
	border-color: var(--kt-primary);
	box-shadow: 0 0 0 0.15rem rgba(0, 255, 233, 0.35);
}

/* Switch */
.form-switch .form-check-input {
	background-color: #e9ecef;
}

.form-switch .form-check-input:checked {
	background-color: var(--kt-primary);
}

/* Disabled */
.form-check-input:disabled {
	opacity: 0.6;
}