:root {
	--gold: #cba25b;
	--dark-blue: #1d4892;
	--dark-green: #137d1d;
	--peach-orange: #FFF4E3;
	--strong-orange: #FD993C;
	--light-orange: #FFF8ED;
	--blue-purple: #ECEEF8;
	--blue-purple-temp: #dde1f4;
	--grape-blue: #566DEA;
	--strong-grape: #5A3AFC;
	--strong-grape-v2: #907BFD;
	--strong-purple: #7E14FF;
	--light-purple: #F4D9FF;
	--blue-v2: #2C66FF;
	--light-blue-v2: #DDE7FF;
	--light-blue-v3: #EAF0FF;
	--soft-grape-v2: #EFEBFF;
	--soft-grey: #838282;
	--dark-red: #c70c0c;
	--strong-red: #DC1F26;
	--strong-green: #00AC4F;
	--strong-yellow: #FFA629;
	--light-red-v2: #FBD2D0;
	--cherry-red: #FFEFEF;
	--strawberry-red: #FF5C6C;
	--dark-yellow: #cba25c;
	--dark-grey: #303236;
	--grey: #F6F7FA;
	--light-green: #c4dec6;
	--light-red: #f2c3ca;
	--light-yellow: #f2e9d5;
	--light-grey: #F6F7FA;
	--mauve-purple: #EEF2FD;
	--status-paid: #D9FFEA;
	--status-cancelled: #FFD9D9;
	--status-pending: #FFEFCC;
	--status-confirmed: #D9FFEA;
}

.status-paid {
	background-color: var(--status-paid);
}

.status-cancelled {
	background-color: var(--status-cancelled);
}

.status-pending {
	background-color: var(--status-pending);
}

.status-confirmed {
	background-color: var(--status-confirmed);
}

.strong-grape-text {
	color: var(--strong-grape) !important;
}

.cherry-red {
	background-color: var(--cherry-red) !important;
	color: #CC4040;
}

.bg-cherry-red {
	background-color: var(--cherry-red) !important;
	color: #CC4040;
}

.bg-mauve-purple {
	background-color: var(--mauve-purple) !important;
}

.btn-cherry-red {
	background-color: var(--cherry-red) !important;
	color: #CC4040;
	border-radius: 8px;
}

.btn-cherry-red:hover {
	background-color: #f3cece !important;
	color: #ad3737;
}

.strawberry-red {
	color: var(--strawberry-red);
}

.bg-strawberry-red {
	background-color: var(--cherry-red) !important;
	color: var(--strawberry-red);
}

.btn-strawberry-red {
	background-color: var(--cherry-red) !important;
	color: var(--strawberry-red);
	border-radius: 8px;
}

.btn-strawberry-red:hover {
	background-color: #f3cece !important;
	color: #d84958;
}

.grape-blue {
	background-color: var(--grape-blue) !important;
	color: #5235E5;
}

.btn-grape-blue {
	background-color: var(--grape-blue) !important;
	border-color: var(--grape-blue) !important;
	color: #fff;
	border-radius: 8px;
}

.btn-grape-blue:hover {
	background-color: #445ef3 !important;
	border-color: #445ef3 !important;
	color: #fff !important;
}

.btn-strong-grape {
	background-color: var(--strong-grape) !important;
	border-color: var(--strong-grape) !important;
	color: #fff;
	border-radius: 8px;
	transition: all 0.5s;
}

.btn-strong-grape:hover {
	background-color: #6044f0 !important;
	border-color: #6044f0 !important;
	color: #fff !important;
}

.btn-outline-strong-grape {
	background-color: #fff !important;
	border-color: var(--strong-grape) !important;
	color: var(--strong-grape) !important;
	border-radius: 8px;
	transition: all 0.5s;
}

.btn-outline-strong-grape:hover {
	background-color: #efeded !important;
	border-color: #6044f0 !important;
	color: var(--strong-grape) !important;
}

.btn-outline-soft-grape {
	background-color: var(--soft-grape-v2);
	border-color: var(--strong-grape);
	color: var(--strong-grape);
	border-radius: 8px;
	transition: all 0.5s;
}

.btn-outline-soft-grape:hover {
	background-color: #efeded !important;
	border-color: #6044f0 !important;
	color: var(--strong-grape) !important;
}

.blue-purple {
	background-color: var(--blue-purple) !important;
	color: #5A3AFC;
	border-radius: 8px;
}

.blue-purple-temp {
	background-color: var(--blue-purple-temp) !important;
	color: #5A3AFC;
}

.label-blue-purple {
	background-color: var(--blue-purple) !important;
	color: #7E8ACD !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.label-yellow {
	background-color: var(--status-pending) !important;
	color: #FDA01C !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.btn-blue-purple {
	background-color: var(--blue-purple) !important;
	border-color: var(--blue-purple) !important;
	color: #5235E5;
	border-radius: 8px;
}

.btn-blue-purple:hover {
	background-color: var(--blue-purple) !important;
	border-color: var(--blue-purple) !important;
	color: #5235E5 !important;
}

.btn-blue-purple-temp {
	background-color: var(--blue-purple-temp) !important;
	border-color: var(--blue-purple-temp) !important;
	color: var(--strong-grape);
	border-radius: 8px;
}

.btn-blue-purple-temp:hover {
	background-color: var(--blue-purple-temp) !important;
	border-color: var(--blue-purple-temp) !important;
	color: var(--strong-grape) !important;
}

.light-orange {
	background: var(--light-orange) !important;
	color: #181818;
}

.strong-orange {
	background: var(--strong-orange) !important;
	color: #fff;
}

.strong-orange-text {
	color: var(--strong-orange) !important;
}

.grey-text {
	color: #C9C6C6 !important;
}

.btn-strong-orange {
	background: var(--strong-orange) !important;
	border-color: var(--strong-orange) !important;
	color: #fff;
}

.peach-orange {
	background: var(--peach-orange) !important;
	color: #FF7B01
}

.btn-peach-orange {
	background: var(--peach-orange) !important;
	border-color: var(--peach-orange) !important;
	color: #FF7B01;
}

.btn-peach-orange:hover:not(:disabled) {
	background: #ffd89d !important;
	border-color: #ffd89d !important;
	color: #bf5c00;
}

.btn-peach-orange:disabled,
.btn-peach-orange.disabled,
.btn-peach-orange[disabled] {
	pointer-events: none;
	/* Prevent hover */
}

/* Optional: Restore original styles for disabled buttons */
.btn-peach-orange:disabled,
.btn-peach-orange.disabled,
.btn-peach-orange[disabled] {
	background: var(--grey) !important;
	border-color: var(--grey) !important;
	color: #C9C6C6 !important;
}

.btn-grey-orange {
	background: var(--light-grey) !important;
	border-color: var(--light-grey) !important;
	color: var(--strong-orange);
}

.dark-blue {
	background: var(--dark-blue) !important;
	color: #fff;
}

.btn-dark-blue {
	background: var(--dark-blue) !important;
	border-color: var(--dark-blue) !important;
	color: #fff;
}

.btn-outline-dark-blue {
	border-color: var(--dark-blue) !important;
	color: #1d4892;
}

.btn-outline-dark-blue.active,
.btn-outline-dark-blue:hover {
	background-color: var(--dark-blue) !important;
	color: #fff;
}

.dark-green {
	background: var(--dark-green) !important;
	color: #fff;
}

.btn-dark-green {
	background: var(--dark-green) !important;
	border-color: var(--dark-green) !important;
	color: #fff;
}

.btn-outline-dark-green {
	border-color: var(--dark-green) !important;
	color: #137d1d;
}

.btn-outline-dark-green.active,
.btn-outline-dark-green:hover {
	background-color: var(--dark-green) !important;
	color: #fff;
}

.light-green {
	background: var(--light-green) !important;
}

.btn-light-green {
	background: var(--light-green) !important;
	border-color: var(--light-green) !important;
	color: #222;
}

.btn-outline-light-green {
	border-color: var(--light-green) !important;
	color: #c4dec6;
}

.btn-outline-light-green.active,
.btn-outline-light-green:hover {
	background-color: var(--light-green) !important;
	color: #222;
}

.dark-red {
	background: var(--dark-red) !important;
	color: #fff;
}

.btn-dark-red {
	background: var(--dark-red) !important;
	border-color: var(--dark-red) !important;
	color: #fff;
}

.btn-outline-dark-red {
	border-color: var(--dark-red) !important;
	color: #c70c0c;
}

.btn-outline-dark-red.active,
.btn-outline-dark-red:hover {
	background-color: var(--dark-red) !important;
	color: #fff;
}

.light-red {
	background: var(--light-red) !important;
}

.btn-light-red {
	background: var(--light-red) !important;
	border-color: var(--light-red) !important;
	color: #222;
}

.btn-outline-light-red {
	border-color: var(--light-red) !important;
	color: #f2c3ca;
}

.btn-outline-light-red.active,
.btn-outline-light-red:hover {
	background-color: var(--light-red) !important;
	color: #222;
}

.dark-yellow {
	background: var(--dark-yellow) !important;
	color: #fff;
}

.btn-dark-yellow {
	background: var(--dark-yellow) !important;
	border-color: var(--dark-yellow) !important;
	color: #fff;
}

.btn-outline-dark-yellow {
	border-color: var(--dark-yellow) !important;
	color: #cba25c;
}

.btn-outline-dark-yellow.active,
.btn-outline-dark-yellow:hover {
	background-color: var(--dark-yellow) !important;
	color: #fff;
}

.light-yellow {
	background: var(--light-yellow) !important;
}

.btn-light-yellow {
	background: var(--light-yellow) !important;
	border-color: var(--light-yellow) !important;
	color: #222;
}
.btn-light-red-v2 {
	background: var(--light-red-v2) !important;
	border-color: var(--light-red-v2) !important;
	color: var(--danger) !important;
}

.btn-outline-light-yellow {
	border-color: var(--light-yellow) !important;
	color: #f2e9d5;
}

.btn-outline-light-yellow.active,
.btn-outline-light-yellow:hover {
	background-color: var(--light-yellow) !important;
	color: #222;
}

.dark-grey {
	background: var(--dark-grey) !important;
	color: #fff;
}

.btn-dark-grey {
	background: var(--dark-grey) !important;
	border-color: var(--dark-grey) !important;
	color: #fff;
}

.btn-outline-dark-grey {
	border-color: var(--dark-grey) !important;
	color: #07162a;
}

.btn-outline-dark-grey.active,
.btn-outline-dark-grey:hover {
	background-color: var(--dark-grey) !important;
	color: #fff;
}

.light-grey {
	background: var(--light-grey) !important;
}

.btn-light-grey {
	background: var(--light-grey) !important;
	border-color: var(--light-grey) !important;
	color: #222;
}

.btn-outline-light-grey {
	border-color: var(--light-grey) !important;
	color: #c1c5ca;
}

.btn-outline-light-grey.active,
.btn-outline-light-grey:hover {
	background-color: var(--light-grey) !important;
	color: #222;
}

.gold {
	background: var(--gold) !important;
}

.btn-gold {
	background-color: var(--gold) !important;
	border-color: #CBA25B !important;
	color: #fff;
}

.light-blue {
	background: #D1DFFA !important;
	color: #1d4892 !important;
}

.light-blue *:not(.card *):not([class*="btn-"]) {
	color: #1d4892 !important;
}

.bg-light-grape {
	background-color: var(--soft-grape-v2) !important;
	color: var(--strong-grape-v2);
}

div[class*="dark-"] h1,
div[class*="dark-"] h2,
div[class*="dark-"] h3,
div[class*="dark-"] h4,
div[class*="dark-"] h5,
div[class*="dark-"] label,
div[class*="dark-"] span:not(.badge):not(.input-group-text) {
	color: #fff !important;
}

.text-gold {
	color: var(--gold);
}

.text-dark-blue {
	color: var(--dark-blue);
}

.text-dark-green {
	color: var(--dark-green);
}

.text-peach-orange {
	color: var(--peach-orange);
}

.text-strong-orange {
	color: var(--strong-orange);
}

.text-light-orange {
	color: var(--light-orange);
}

.text-blue-purple {
	color: var(--blue-purple);
}

.text-blue-purple-temp {
	color: var(--blue-purple-temp);
}

.text-grape-blue {
	color: var(--grape-blue);
}

.text-strong-grape {
	color: var(--strong-grape);
}

.text-strong-grape-v2 {
	color: var(--strong-grape-v2);
}

.text-strong-purple {
	color: var(--strong-purple);
}

.text-light-purple {
	color: var(--light-purple);
}

.text-blue-v2 {
	color: var(--blue-v2);
}

.text-light-blue-v2 {
	color: var(--light-blue-v2);
}

.text-soft-grape-v2 {
	color: var(--soft-grape-v2);
}

.text-soft-grey {
	color: var(--soft-grey);
}

.text-dark-red {
	color: var(--dark-red);
}

.text-strong-red {
	color: var(--strong-red);
}

.text-light-red-v2 {
	color: var(--light-red-v2);
}

.text-cherry-red {
	color: var(--cherry-red);
}

.text-strawberry-red {
	color: var(--strawberry-red);
}

.text-dark-yellow {
	color: var(--dark-yellow);
}

.text-dark-grey {
	color: var(--dark-grey);
}

.text-grey {
	color: var(--grey);
}

.text-light-green {
	color: var(--light-green);
}

.text-light-red {
	color: var(--light-red);
}

.text-light-yellow {
	color: var(--light-yellow);
}

.text-light-grey {
	color: var(--light-grey);
}

.text-mauve-purple {
	color: var(--mauve-purple);
}

.text-status-paid {
	color: var(--status-paid);
}

.text-status-cancelled {
	color: var(--status-cancelled);
}

.text-status-pending {
	color: var(--status-pending);
}

.text-status-confirmed {
	color: var(--status-confirmed);
}
.badge-settlement {
	background-color: var(--status-paid) !important;
	color: var(--strong-green);
}
.badge-pending,.badge-dp {
	background-color: var(--status-pending) !important;
	color: var(--strong-yellow);
}
.badge-cancel,.badge-expired,.badge-failed {
	background-color: var(--status-cancelled) !important;
	color: var(--strong-red);
}