:root {
	/* Core Bootstrap Colors */
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-orange: #fd7e14;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;

	/* Modern UI Colors - Slate */
	--color-slate-50: #f8fafc;
	--color-slate-100: #f1f5f9;
	--color-slate-200: #e2e8f0;
	--color-slate-300: #cbd5e1;
	--color-slate-400: #94a3b8;
	--color-slate-500: #64748b;
	--color-slate-600: #475569;
	--color-slate-700: #334155;
	--color-slate-800: #040405;
	--color-slate-900: #0f172a;

	/* Cool Tones */
	--color-sky-50: #f0f9ff;
	--color-sky-500: #0ea5e9;
	--color-sky-600: #0284c7;
	--color-sky-700: #0369a1;

	--color-cyan-50: #ecfeff;
	--color-cyan-500: #06b6d4;
	--color-cyan-600: #0891b2;
	--color-cyan-700: #0e7490;

	/* New Blue-Green */
	--color-teal-50: #f0fdfa;
	--color-teal-500: #14b8a6;
	--color-teal-600: #0d9488;
	--color-teal-700: #0f766e;

	/* Nature Tones */
	--color-emerald-50: #ecfdf5;
	--color-emerald-500: #10b981;
	--color-emerald-600: #059669;
	--color-emerald-700: #047857;

	--color-lime-50: #f7fea7;
	--color-lime-500: #84cc16;
	--color-lime-600: #65a30d;
	--color-lime-700: #4d7c0f;

	/* Warm Tones */
	--color-amber-50: #fffbeb;
	--color-amber-500: #f59e0b;
	--color-amber-600: #d97706;
	--color-amber-700: #b45309;

	--color-rose-50: #ffc8cc;
	--color-rose-500: #f43f5e;
	--color-rose-600: #e11d48;
	--color-rose-700: #be123c;

	--color-fuchsia-50: #e88bfd;
	--color-fuchsia-500: #d946ef;
	--color-fuchsia-600: #c026d3;
	--color-fuchsia-700: #a21caf;

	--color-violet-50: #9c88ff;
	--color-violet-500: #8b5cf6;
	--color-violet-600: #7c3aed;
	--color-violet-700: #6d28d9;
}

/* Base Text Colors */
.text-blue {
	color: var(--bs-blue) !important;
}
.text-indigo {
	color: var(--bs-indigo) !important;
}
.text-purple {
	color: var(--bs-purple) !important;
}
.text-pink {
	color: var(--bs-pink) !important;
}
.text-orange {
	color: var(--bs-orange) !important;
}
.text-teal {
	color: var(--bs-teal) !important;
}
.text-cyan {
	color: var(--bs-cyan) !important;
}

/* Base Background Colors */
.bg-blue {
	background-color: var(--bs-blue) !important;
}
.bg-indigo {
	background-color: var(--bs-indigo) !important;
}
.bg-purple {
	background-color: var(--bs-purple) !important;
}
.bg-pink {
	background-color: var(--bs-pink) !important;
}
.bg-orange {
	background-color: var(--bs-orange) !important;
}
.bg-teal {
	background-color: var(--bs-teal) !important;
}
.bg-cyan {
	background-color: var(--bs-cyan) !important;
}

/* Modern UI Colors - Text */
.text-slate-50 {
	color: var(--color-slate-50) !important;
}
.text-slate-100 {
	color: var(--color-slate-100) !important;
}
.text-slate-200 {
	color: var(--color-slate-200) !important;
}
.text-slate-300 {
	color: var(--color-slate-300) !important;
}
.text-slate-400 {
	color: var(--color-slate-400) !important;
}
.text-slate-500 {
	color: var(--color-slate-500) !important;
}
.text-slate-600 {
	color: var(--color-slate-600) !important;
}
.text-slate-700 {
	color: var(--color-slate-700) !important;
}
.text-slate-800 {
	color: var(--color-slate-800) !important;
}
.text-slate-900 {
	color: var(--color-slate-900) !important;
}

/* Modern UI Colors - Background */
.bg-slate-50 {
	background-color: var(--color-slate-50) !important;
}
.bg-slate-100 {
	background-color: var(--color-slate-100) !important;
}
.bg-slate-200 {
	background-color: var(--color-slate-200) !important;
}
.bg-slate-300 {
	background-color: var(--color-slate-300) !important;
}
.bg-slate-400 {
	background-color: var(--color-slate-400) !important;
}
.bg-slate-500 {
	background-color: var(--color-slate-500) !important;
}
.bg-slate-600 {
	background-color: var(--color-slate-600) !important;
}
.bg-slate-700 {
	background-color: var(--color-slate-700) !important;
}
.bg-slate-800 {
	background-color: var(--color-slate-800) !important;
}
.bg-slate-900 {
	background-color: var(--color-slate-900) !important;
}

/* Cool Tones - Colors */
.text-teal-50 {
	color: var(--color-teal-50) !important;
}
.text-teal-500 {
	color: var(--color-teal-500) !important;
}
.text-teal-600 {
	color: var(--color-teal-600) !important;
}
.text-teal-700 {
	color: var(--color-teal-700) !important;
}

.bg-teal-50 {
	background-color: var(--color-teal-50) !important;
}
.bg-teal-500 {
	background-color: var(--color-teal-500) !important;
}
.bg-teal-600 {
	background-color: var(--color-teal-600) !important;
}
.bg-teal-700 {
	background-color: var(--color-teal-700) !important;
}

/* Border Styles */
.border-teal {
	border-color: var(--color-teal-500) !important;
}
.border-teal-subtle {
	border-color: var(--color-teal-50) !important;
}
.border-teal-emphasis {
	border-color: var(--color-teal-700) !important;
}

/* Button Styles - Regular */
.btn-teal {
	color: #fff !important;
	background-color: var(--color-teal-500) !important;
	border-color: var(--color-teal-500) !important;
}

.btn-teal:hover {
	color: #fff !important;
	background-color: var(--color-teal-600) !important;
	border-color: var(--color-teal-700) !important;
}

.btn-teal:focus,
.btn-teal.focus {
	box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.25) !important;
}

.btn-teal:active,
.btn-teal.active {
	background-color: var(--color-teal-700) !important;
	border-color: var(--color-teal-700) !important;
}

.btn-teal:disabled,
.btn-teal.disabled {
	background-color: var(--color-teal-500) !important;
	border-color: var(--color-teal-500) !important;
	opacity: 0.65;
}

/* Button Styles - Outline */
.btn-outline-teal {
	color: var(--color-teal-500) !important;
	border-color: var(--color-teal-500) !important;
	background-color: transparent !important;
}

.btn-outline-teal:hover {
	color: #fff !important;
	background-color: var(--color-teal-500) !important;
	border-color: var(--color-teal-500) !important;
}

.btn-outline-teal:focus,
.btn-outline-teal.focus {
	box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.25) !important;
}

.btn-outline-teal:active,
.btn-outline-teal.active {
	color: #fff !important;
	background-color: var(--color-teal-600) !important;
	border-color: var(--color-teal-600) !important;
}

.btn-outline-teal:disabled,
.btn-outline-teal.disabled {
	color: var(--color-teal-500) !important;
	background-color: transparent !important;
	border-color: var(--color-teal-500) !important;
	opacity: 0.65;
}

/* Hover States */
.hover\:text-teal-500:hover {
	color: var(--color-teal-500) !important;
}
.hover\:bg-teal-500:hover {
	background-color: var(--color-teal-500) !important;
}

/* Sky Colors */
.text-sky-50 {
	color: var(--color-sky-50) !important;
}
.text-sky-500 {
	color: var(--color-sky-500) !important;
}
.text-sky-600 {
	color: var(--color-sky-600) !important;
}
.text-sky-700 {
	color: var(--color-sky-700) !important;
}

.bg-sky-50 {
	background-color: var(--color-sky-50) !important;
}
.bg-sky-500 {
	background-color: var(--color-sky-500) !important;
}
.bg-sky-600 {
	background-color: var(--color-sky-600) !important;
}
.bg-sky-700 {
	background-color: var(--color-sky-700) !important;
}

/* Emerald Colors */
.text-emerald-50 {
	color: var(--color-emerald-50) !important;
}
.text-emerald-500 {
	color: var(--color-emerald-500) !important;
}
.text-emerald-600 {
	color: var(--color-emerald-600) !important;
}
.text-emerald-700 {
	color: var(--color-emerald-700) !important;
}

.bg-emerald-50 {
	background-color: var(--color-emerald-50) !important;
}
.bg-emerald-500 {
	background-color: var(--color-emerald-500) !important;
}
.bg-emerald-600 {
	background-color: var(--color-emerald-600) !important;
}
.bg-emerald-700 {
	background-color: var(--color-emerald-700) !important;
}

/* Violet Colors */
.text-violet-50 {
	color: var(--color-violet-50) !important;
}
.text-violet-500 {
	color: var(--color-violet-500) !important;
}
.text-violet-600 {
	color: var(--color-violet-600) !important;
}
.text-violet-700 {
	color: var(--color-violet-700) !important;
}

.bg-violet-50 {
	background-color: var(--color-violet-50) !important;
}
.bg-violet-500 {
	background-color: var(--color-violet-500) !important;
}
.bg-violet-600 {
	background-color: var(--color-violet-600) !important;
}
.bg-violet-700 {
	background-color: var(--color-violet-700) !important;
}

/* Rose Colors */
.text-rose-50 {
	color: var(--color-rose-50) !important;
}
.text-rose-500 {
	color: var(--color-rose-500) !important;
}
.text-rose-600 {
	color: var(--color-rose-600) !important;
}
.text-rose-700 {
	color: var(--color-rose-700) !important;
}

.bg-rose-50 {
	background-color: var(--color-rose-50) !important;
}
.bg-rose-500 {
	background-color: var(--color-rose-500) !important;
}
.bg-rose-600 {
	background-color: var(--color-rose-600) !important;
}
.bg-rose-700 {
	background-color: var(--color-rose-700) !important;
}

/* Amber Colors */
.text-amber-50 {
	color: var(--color-amber-50) !important;
}
.text-amber-500 {
	color: var(--color-amber-500) !important;
}
.text-amber-600 {
	color: var(--color-amber-600) !important;
}
.text-amber-700 {
	color: var(--color-amber-700) !important;
}

.bg-amber-50 {
	background-color: var(--color-amber-50) !important;
}
.bg-amber-500 {
	background-color: var(--color-amber-500) !important;
}
.bg-amber-600 {
	background-color: var(--color-amber-600) !important;
}
.bg-amber-700 {
	background-color: var(--color-amber-700) !important;
}

/* Lime Colors */
.text-lime-50 {
	color: var(--color-lime-50) !important;
}
.text-lime-500 {
	color: var(--color-lime-500) !important;
}
.text-lime-600 {
	color: var(--color-lime-600) !important;
}
.text-lime-700 {
	color: var(--color-lime-700) !important;
}

.bg-lime-50 {
	background-color: var(--color-lime-50) !important;
}
.bg-lime-500 {
	background-color: var(--color-lime-500) !important;
}
.bg-lime-600 {
	background-color: var(--color-lime-600) !important;
}
.bg-lime-700 {
	background-color: var(--color-lime-700) !important;
}

/* Fuchsia Colors */
.text-fuchsia-50 {
	color: var(--color-fuchsia-50) !important;
}
.text-fuchsia-500 {
	color: var(--color-fuchsia-500) !important;
}
.text-fuchsia-600 {
	color: var(--color-fuchsia-600) !important;
}
.text-fuchsia-700 {
	color: var(--color-fuchsia-700) !important;
}

.bg-fuchsia-50 {
	background-color: var(--color-fuchsia-50) !important;
}
.bg-fuchsia-500 {
	background-color: var(--color-fuchsia-500) !important;
}
.bg-fuchsia-600 {
	background-color: var(--color-fuchsia-600) !important;
}
.bg-fuchsia-700 {
	background-color: var(--color-fuchsia-700) !important;
}

/* Border Variations */
.border-sky {
	border-color: var(--color-sky-500) !important;
}
.border-sky-subtle {
	border-color: var(--color-sky-50) !important;
}
.border-sky-emphasis {
	border-color: var(--color-sky-700) !important;
}

.border-emerald {
	border-color: var(--color-emerald-500) !important;
}
.border-emerald-subtle {
	border-color: var(--color-emerald-50) !important;
}
.border-emerald-emphasis {
	border-color: var(--color-emerald-700) !important;
}

.border-violet {
	border-color: var(--color-violet-500) !important;
}
.border-violet-subtle {
	border-color: var(--color-violet-50) !important;
}
.border-violet-emphasis {
	border-color: var(--color-violet-700) !important;
}

.border-rose {
	border-color: var(--color-rose-500) !important;
}
.border-rose-subtle {
	border-color: var(--color-rose-50) !important;
}
.border-rose-emphasis {
	border-color: var(--color-rose-700) !important;
}

.border-amber {
	border-color: var(--color-amber-500) !important;
}
.border-amber-subtle {
	border-color: var(--color-amber-50) !important;
}
.border-amber-emphasis {
	border-color: var(--color-amber-700) !important;
}

.border-lime {
	border-color: var(--color-lime-500) !important;
}
.border-lime-subtle {
	border-color: var(--color-lime-50) !important;
}
.border-lime-emphasis {
	border-color: var(--color-lime-700) !important;
}

.border-fuchsia {
	border-color: var(--color-fuchsia-500) !important;
}
.border-fuchsia-subtle {
	border-color: var(--color-fuchsia-50) !important;
}
.border-fuchsia-emphasis {
	border-color: var(--color-fuchsia-700) !important;
}

/* Regular Button Styles */
.btn-emerald {
	color: #fff !important;
	background-color: var(--color-emerald-500) !important;
	border-color: var(--color-emerald-500) !important;
}

.btn-emerald:hover {
	color: #fff !important;
	background-color: var(--color-emerald-600) !important;
	border-color: var(--color-emerald-700) !important;
}

.btn-emerald:focus,
.btn-emerald.focus {
	box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25) !important;
}

.btn-emerald:active,
.btn-emerald.active {
	background-color: var(--color-emerald-700) !important;
	border-color: var(--color-emerald-700) !important;
}

.btn-emerald:disabled,
.btn-emerald.disabled {
	background-color: var(--color-emerald-500) !important;
	border-color: var(--color-emerald-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles */
.btn-outline-emerald {
	color: var(--color-emerald-500) !important;
	border-color: var(--color-emerald-500) !important;
	background-color: transparent !important;
}

.btn-outline-emerald:hover {
	color: #fff !important;
	background-color: var(--color-emerald-500) !important;
	border-color: var(--color-emerald-500) !important;
}

.btn-outline-emerald:focus,
.btn-outline-emerald.focus {
	box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25) !important;
}

.btn-outline-emerald:active,
.btn-outline-emerald.active {
	color: #fff !important;
	background-color: var(--color-emerald-600) !important;
	border-color: var(--color-emerald-600) !important;
}

.btn-outline-emerald:disabled,
.btn-outline-emerald.disabled {
	color: var(--color-emerald-500) !important;
	background-color: transparent !important;
	border-color: var(--color-emerald-500) !important;
	opacity: 0.65;
}

/* Hover States */
.hover\:text-sky-500:hover {
	color: var(--color-sky-500) !important;
}
.hover\:text-emerald-500:hover {
	color: var(--color-emerald-500) !important;
}
.hover\:text-violet-500:hover {
	color: var(--color-violet-500) !important;
}
.hover\:text-rose-500:hover {
	color: var(--color-rose-500) !important;
}
.hover\:text-amber-500:hover {
	color: var(--color-amber-500) !important;
}
.hover\:text-lime-500:hover {
	color: var(--color-lime-500) !important;
}
.hover\:text-fuchsia-500:hover {
	color: var(--color-fuchsia-500) !important;
}

.hover\:bg-sky-500:hover {
	background-color: var(--color-sky-500) !important;
}
.hover\:bg-emerald-500:hover {
	background-color: var(--color-emerald-500) !important;
}
.hover\:bg-violet-500:hover {
	background-color: var(--color-violet-500) !important;
}
.hover\:bg-rose-500:hover {
	background-color: var(--color-rose-500) !important;
}
.hover\:bg-amber-500:hover {
	background-color: var(--color-amber-500) !important;
}
.hover\:bg-lime-500:hover {
	background-color: var(--color-lime-500) !important;
}
.hover\:bg-fuchsia-500:hover {
	background-color: var(--color-fuchsia-500) !important;
}
/* Regular Button Styles - Violet */
.btn-violet {
	color: #fff !important;
	background-color: var(--color-violet-500) !important;
	border-color: var(--color-violet-500) !important;
}

.btn-violet:hover {
	color: #fff !important;
	background-color: var(--color-violet-600) !important;
	border-color: var(--color-violet-700) !important;
}

.btn-violet:focus,
.btn-violet.focus {
	box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25) !important;
}

.btn-violet:active,
.btn-violet.active {
	background-color: var(--color-violet-700) !important;
	border-color: var(--color-violet-700) !important;
}

.btn-violet:disabled,
.btn-violet.disabled {
	background-color: var(--color-violet-500) !important;
	border-color: var(--color-violet-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Violet */
.btn-outline-violet {
	color: var(--color-violet-500) !important;
	border-color: var(--color-violet-500) !important;
	background-color: transparent !important;
}

.btn-outline-violet:hover {
	color: #fff !important;
	background-color: var(--color-violet-500) !important;
	border-color: var(--color-violet-500) !important;
}

.btn-outline-violet:focus,
.btn-outline-violet.focus {
	box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25) !important;
}

.btn-outline-violet:active,
.btn-outline-violet.active {
	color: #fff !important;
	background-color: var(--color-violet-600) !important;
	border-color: var(--color-violet-600) !important;
}

.btn-outline-violet:disabled,
.btn-outline-violet.disabled {
	color: var(--color-violet-500) !important;
	background-color: transparent !important;
	border-color: var(--color-violet-500) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Rose */
.btn-rose {
	color: #fff !important;
	background-color: var(--color-rose-500) !important;
	border-color: var(--color-rose-500) !important;
}

.btn-rose:hover {
	color: #fff !important;
	background-color: var(--color-rose-600) !important;
	border-color: var(--color-rose-700) !important;
}

.btn-rose:focus,
.btn-rose.focus {
	box-shadow: 0 0 0 0.25rem rgba(244, 63, 94, 0.25) !important;
}

.btn-rose:active,
.btn-rose.active {
	background-color: var(--color-rose-700) !important;
	border-color: var(--color-rose-700) !important;
}

.btn-rose:disabled,
.btn-rose.disabled {
	background-color: var(--color-rose-500) !important;
	border-color: var(--color-rose-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Rose */
.btn-outline-rose {
	color: var(--color-rose-500) !important;
	border-color: var(--color-rose-500) !important;
	background-color: transparent !important;
}

.btn-outline-rose:hover {
	color: #fff !important;
	background-color: var(--color-rose-500) !important;
	border-color: var(--color-rose-500) !important;
}

.btn-outline-rose:focus,
.btn-outline-rose.focus {
	box-shadow: 0 0 0 0.25rem rgba(244, 63, 94, 0.25) !important;
}

.btn-outline-rose:active,
.btn-outline-rose.active {
	color: #fff !important;
	background-color: var(--color-rose-600) !important;
	border-color: var(--color-rose-600) !important;
}

.btn-outline-rose:disabled,
.btn-outline-rose.disabled {
	color: var(--color-rose-500) !important;
	background-color: transparent !important;
	border-color: var(--color-rose-500) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Amber */
.btn-amber {
	color: #fff !important;
	background-color: var(--color-amber-500) !important;
	border-color: var(--color-amber-500) !important;
}

.btn-amber:hover {
	color: #fff !important;
	background-color: var(--color-amber-600) !important;
	border-color: var(--color-amber-700) !important;
}

.btn-amber:focus,
.btn-amber.focus {
	box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
}

.btn-amber:active,
.btn-amber.active {
	background-color: var(--color-amber-700) !important;
	border-color: var(--color-amber-700) !important;
}

.btn-amber:disabled,
.btn-amber.disabled {
	background-color: var(--color-amber-500) !important;
	border-color: var(--color-amber-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Amber */
.btn-outline-amber {
	color: var(--color-amber-500) !important;
	border-color: var(--color-amber-500) !important;
	background-color: transparent !important;
}

.btn-outline-amber:hover {
	color: #fff !important;
	background-color: var(--color-amber-500) !important;
	border-color: var(--color-amber-500) !important;
}

.btn-outline-amber:focus,
.btn-outline-amber.focus {
	box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
}

.btn-outline-amber:active,
.btn-outline-amber.active {
	color: #fff !important;
	background-color: var(--color-amber-600) !important;
	border-color: var(--color-amber-600) !important;
}

.btn-outline-amber:disabled,
.btn-outline-amber.disabled {
	color: var(--color-amber-500) !important;
	background-color: transparent !important;
	border-color: var(--color-amber-500) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Fuchsia */
.btn-fuchsia {
	color: #fff !important;
	background-color: var(--color-fuchsia-500) !important;
	border-color: var(--color-fuchsia-500) !important;
}

.btn-fuchsia:hover {
	color: #fff !important;
	background-color: var(--color-fuchsia-600) !important;
	border-color: var(--color-fuchsia-700) !important;
}

.btn-fuchsia:focus,
.btn-fuchsia.focus {
	box-shadow: 0 0 0 0.25rem rgba(217, 70, 239, 0.25) !important;
}

.btn-fuchsia:active,
.btn-fuchsia.active {
	background-color: var(--color-fuchsia-700) !important;
	border-color: var(--color-fuchsia-700) !important;
}

.btn-fuchsia:disabled,
.btn-fuchsia.disabled {
	background-color: var(--color-fuchsia-500) !important;
	border-color: var(--color-fuchsia-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Fuchsia */
.btn-outline-fuchsia {
	color: var(--color-fuchsia-500) !important;
	border-color: var(--color-fuchsia-500) !important;
	background-color: transparent !important;
}

.btn-outline-fuchsia:hover {
	color: #fff !important;
	background-color: var(--color-fuchsia-500) !important;
	border-color: var(--color-fuchsia-500) !important;
}

.btn-outline-fuchsia:focus,
.btn-outline-fuchsia.focus {
	box-shadow: 0 0 0 0.25rem rgba(217, 70, 239, 0.25) !important;
}

.btn-outline-fuchsia:active,
.btn-outline-fuchsia.active {
	color: #fff !important;
	background-color: var(--color-fuchsia-600) !important;
	border-color: var(--color-fuchsia-600) !important;
}

.btn-outline-fuchsia:disabled,
.btn-outline-fuchsia.disabled {
	color: var(--color-fuchsia-500) !important;
	background-color: transparent !important;
	border-color: var(--color-fuchsia-500) !important;
	opacity: 0.65;
} /* Regular Button Styles - Cyan */
.btn-cyan {
	color: #fff !important;
	background-color: var(--color-cyan-500) !important;
	border-color: var(--color-cyan-500) !important;
}

.btn-cyan:hover {
	color: #fff !important;
	background-color: var(--color-cyan-600) !important;
	border-color: var(--color-cyan-700) !important;
}

.btn-cyan:focus,
.btn-cyan.focus {
	box-shadow: 0 0 0 0.25rem rgba(6, 182, 212, 0.25) !important;
}

.btn-cyan:active,
.btn-cyan.active {
	background-color: var(--color-cyan-700) !important;
	border-color: var(--color-cyan-700) !important;
}

.btn-cyan:disabled,
.btn-cyan.disabled {
	background-color: var(--color-cyan-500) !important;
	border-color: var(--color-cyan-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Cyan */
.btn-outline-cyan {
	color: var(--color-cyan-500) !important;
	border-color: var(--color-cyan-500) !important;
	background-color: transparent !important;
}

.btn-outline-cyan:hover {
	color: #fff !important;
	background-color: var(--color-cyan-500) !important;
	border-color: var(--color-cyan-500) !important;
}

.btn-outline-cyan:focus,
.btn-outline-cyan.focus {
	box-shadow: 0 0 0 0.25rem rgba(6, 182, 212, 0.25) !important;
}

.btn-outline-cyan:active,
.btn-outline-cyan.active {
	color: #fff !important;
	background-color: var(--color-cyan-600) !important;
	border-color: var(--color-cyan-600) !important;
}

.btn-outline-cyan:disabled,
.btn-outline-cyan.disabled {
	color: var(--color-cyan-500) !important;
	background-color: transparent !important;
	border-color: var(--color-cyan-500) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Bootstrap Colors */
.btn-blue {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
	border-color: var(--bs-blue) !important;
}

.btn-blue:hover {
	color: #fff !important;
	background-color: #0b5ed7 !important;
	border-color: #0a58ca !important;
}

.btn-blue:focus,
.btn-blue.focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.btn-blue:active,
.btn-blue.active {
	background-color: #0a58ca !important;
	border-color: #0a53be !important;
}

.btn-blue:disabled,
.btn-blue.disabled {
	background-color: var(--bs-blue) !important;
	border-color: var(--bs-blue) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Bootstrap Colors */
.btn-outline-blue {
	color: var(--bs-blue) !important;
	border-color: var(--bs-blue) !important;
	background-color: transparent !important;
}

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

.btn-outline-blue:focus,
.btn-outline-blue.focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.btn-outline-blue:active,
.btn-outline-blue.active {
	color: #fff !important;
	background-color: #0b5ed7 !important;
	border-color: #0b5ed7 !important;
}

.btn-outline-blue:disabled,
.btn-outline-blue.disabled {
	color: var(--bs-blue) !important;
	background-color: transparent !important;
	border-color: var(--bs-blue) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Purple */
.btn-purple {
	color: #fff !important;
	background-color: var(--bs-purple) !important;
	border-color: var(--bs-purple) !important;
}

.btn-purple:hover {
	color: #fff !important;
	background-color: #5e37a4 !important;
	border-color: #59339a !important;
}

.btn-purple:focus,
.btn-purple.focus {
	box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.25) !important;
}

.btn-purple:active,
.btn-purple.active {
	background-color: #59339a !important;
	border-color: #533091 !important;
}

.btn-purple:disabled,
.btn-purple.disabled {
	background-color: var(--bs-purple) !important;
	border-color: var(--bs-purple) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Purple */
.btn-outline-purple {
	color: var(--bs-purple) !important;
	border-color: var(--bs-purple) !important;
	background-color: transparent !important;
}

.btn-outline-purple:hover {
	color: #fff !important;
	background-color: var(--bs-purple) !important;
	border-color: var(--bs-purple) !important;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
	box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.25) !important;
}

.btn-outline-purple:active,
.btn-outline-purple.active {
	color: #fff !important;
	background-color: #5e37a4 !important;
	border-color: #5e37a4 !important;
}

.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
	color: var(--bs-purple) !important;
	background-color: transparent !important;
	border-color: var(--bs-purple) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Indigo */
.btn-indigo {
	color: #fff !important;
	background-color: var(--bs-indigo) !important;
	border-color: var(--bs-indigo) !important;
}

.btn-indigo:hover {
	color: #fff !important;
	background-color: #570dcf !important;
	border-color: #4406cb !important;
}

.btn-indigo:focus,
.btn-indigo.focus {
	box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.25) !important;
}

.btn-indigo:active,
.btn-indigo.active {
	background-color: #4406cb !important;
	border-color: #4406cb !important;
}

.btn-indigo:disabled,
.btn-indigo.disabled {
	background-color: var(--bs-indigo) !important;
	border-color: var(--bs-indigo) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Indigo */
.btn-outline-indigo {
	color: var(--bs-indigo) !important;
	border-color: var(--bs-indigo) !important;
	background-color: transparent !important;
}

.btn-outline-indigo:hover {
	color: #fff !important;
	background-color: var(--bs-indigo) !important;
	border-color: var(--bs-indigo) !important;
}

.btn-outline-indigo:focus,
.btn-outline-indigo.focus {
	box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.25) !important;
}

.btn-outline-indigo:active,
.btn-outline-indigo.active {
	color: #fff !important;
	background-color: #570dcf !important;
	border-color: #570dcf !important;
}

.btn-outline-indigo:disabled,
.btn-outline-indigo.disabled {
	color: var(--bs-indigo) !important;
	background-color: transparent !important;
	border-color: var(--bs-indigo) !important;
	opacity: 0.65;
}

/* Border Styles - Indigo */
.border-indigo {
	border-color: var(--bs-indigo) !important;
}

.border-indigo-subtle {
	border-color: #d7d0f3 !important;
}

.border-indigo-emphasis {
	border-color: #4406cb !important;
}

/* Border Styles for Bootstrap Colors */
.border-blue {
	border-color: var(--bs-blue) !important;
}
.border-blue-subtle {
	border-color: #cfe2ff !important;
}
.border-blue-emphasis {
	border-color: #0a58ca !important;
}

.border-purple {
	border-color: var(--bs-purple) !important;
}
.border-purple-subtle {
	border-color: #e2d9f3 !important;
}
.border-purple-emphasis {
	border-color: #59339a !important;
}

.border-pink {
	border-color: var(--bs-pink) !important;
}
.border-pink-subtle {
	border-color: #f7d6e6 !important;
}
.border-pink-emphasis {
	border-color: #ab296a !important;
}

.border-orange {
	border-color: var(--bs-orange) !important;
}
.border-orange-subtle {
	border-color: #ffe5d0 !important;
}
.border-orange-emphasis {
	border-color: #cc6510 !important;
}

/* Additional Border Styles */
.border-cyan {
	border-color: var(--color-cyan-500) !important;
}
.border-cyan-subtle {
	border-color: var(--color-cyan-50) !important;
}
.border-cyan-emphasis {
	border-color: var(--color-cyan-700) !important;
}

/* Regular Button Styles - Pink */
.btn-pink {
	color: #fff !important;
	background-color: var(--bs-pink) !important;
	border-color: var(--bs-pink) !important;
}

.btn-pink:hover {
	color: #fff !important;
	background-color: #b62b70 !important;
	border-color: #ab296a !important;
}

.btn-pink:focus,
.btn-pink.focus {
	box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.25) !important;
}

.btn-pink:active,
.btn-pink.active {
	background-color: #ab296a !important;
	border-color: #a12663 !important;
}

.btn-pink:disabled,
.btn-pink.disabled {
	background-color: var(--bs-pink) !important;
	border-color: var(--bs-pink) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Pink */
.btn-outline-pink {
	color: var(--bs-pink) !important;
	border-color: var(--bs-pink) !important;
	background-color: transparent !important;
}

.btn-outline-pink:hover {
	color: #fff !important;
	background-color: var(--bs-pink) !important;
	border-color: var(--bs-pink) !important;
}

.btn-outline-pink:focus,
.btn-outline-pink.focus {
	box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.25) !important;
}

.btn-outline-pink:active,
.btn-outline-pink.active {
	color: #fff !important;
	background-color: #b62b70 !important;
	border-color: #b62b70 !important;
}

.btn-outline-pink:disabled,
.btn-outline-pink.disabled {
	color: var(--bs-pink) !important;
	background-color: transparent !important;
	border-color: var(--bs-pink) !important;
	opacity: 0.65;
}

/* Regular Button Styles - Orange */
.btn-orange {
	color: #fff !important;
	background-color: var(--bs-orange) !important;
	border-color: var(--bs-orange) !important;
}

.btn-orange:hover {
	color: #fff !important;
	background-color: #d76b11 !important;
	border-color: #cc6510 !important;
}

.btn-orange:focus,
.btn-orange.focus {
	box-shadow: 0 0 0 0.25rem rgba(253, 126, 20, 0.25) !important;
}

.btn-orange:active,
.btn-orange.active {
	background-color: #cc6510 !important;
	border-color: #bf5e0f !important;
}

.btn-orange:disabled,
.btn-orange.disabled {
	background-color: var(--bs-orange) !important;
	border-color: var(--bs-orange) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Orange */
.btn-outline-orange {
	color: var(--bs-orange) !important;
	border-color: var(--bs-orange) !important;
	background-color: transparent !important;
}

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

.btn-outline-orange:focus,
.btn-outline-orange.focus {
	box-shadow: 0 0 0 0.25rem rgba(253, 126, 20, 0.25) !important;
}

.btn-outline-orange:active,
.btn-outline-orange.active {
	color: #fff !important;
	background-color: #d76b11 !important;
	border-color: #d76b11 !important;
}

.btn-outline-orange:disabled,
.btn-outline-orange.disabled {
	color: var(--bs-orange) !important;
	background-color: transparent !important;
	border-color: var(--bs-orange) !important;
	opacity: 0.65;
}

/* Border Styles - Sky-500 */
.border-sky-500 {
	border-color: var(--color-sky-500) !important;
}

/* Regular Button Styles - Sky-500 */
.btn-sky-500 {
	color: #fff !important;
	background-color: var(--color-sky-500) !important;
	border-color: var(--color-sky-500) !important;
}

.btn-sky-500:hover {
	color: #fff !important;
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-sky-500:focus,
.btn-sky-500.focus {
	box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25) !important;
}

.btn-sky-500:active,
.btn-sky-500.active {
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
}

.btn-sky-500:disabled,
.btn-sky-500.disabled {
	background-color: var(--color-sky-500) !important;
	border-color: var(--color-sky-500) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Sky-500 */
.btn-outline-sky-500 {
	color: var(--color-sky-500) !important;
	border-color: var(--color-sky-500) !important;
	background-color: transparent !important;
}

.btn-outline-sky-500:hover {
	color: #fff !important;
	background-color: var(--color-sky-500) !important;
	border-color: var(--color-sky-500) !important;
}

.btn-outline-sky-500:focus,
.btn-outline-sky-500.focus {
	box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25) !important;
}

.btn-outline-sky-500:active,
.btn-outline-sky-500.active {
	color: #fff !important;
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
}

.btn-outline-sky-500:disabled,
.btn-outline-sky-500.disabled {
	color: var(--color-sky-500) !important;
	background-color: transparent !important;
	border-color: var(--color-sky-500) !important;
	opacity: 0.65;
}

/* Border Styles - Sky-600 */
.border-sky-600 {
	border-color: var(--color-sky-600) !important;
}

/* Regular Button Styles - Sky-600 */
.btn-sky-600 {
	color: #fff !important;
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
}

.btn-sky-600:hover {
	color: #fff !important;
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-sky-600:focus,
.btn-sky-600.focus {
	box-shadow: 0 0 0 0.25rem rgba(2, 132, 199, 0.25) !important;
}

.btn-sky-600:active,
.btn-sky-600.active {
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-sky-600:disabled,
.btn-sky-600.disabled {
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Sky-600 */
.btn-outline-sky-600 {
	color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
	background-color: transparent !important;
}

.btn-outline-sky-600:hover {
	color: #fff !important;
	background-color: var(--color-sky-600) !important;
	border-color: var(--color-sky-600) !important;
}

.btn-outline-sky-600:focus,
.btn-outline-sky-600.focus {
	box-shadow: 0 0 0 0.25rem rgba(2, 132, 199, 0.25) !important;
}

.btn-outline-sky-600:active,
.btn-outline-sky-600.active {
	color: #fff !important;
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-outline-sky-600:disabled,
.btn-outline-sky-600.disabled {
	color: var(--color-sky-600) !important;
	background-color: transparent !important;
	border-color: var(--color-sky-600) !important;
	opacity: 0.65;
}

/* Border Styles - Sky-700 */
.border-sky-700 {
	border-color: var(--color-sky-700) !important;
}

/* Regular Button Styles - Sky-700 */
.btn-sky-700 {
	color: #fff !important;
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-sky-700:hover {
	color: #fff !important;
	background-color: #0284c7 !important; /* sky-600 */
	border-color: #0284c7 !important;
}

.btn-sky-700:focus,
.btn-sky-700.focus {
	box-shadow: 0 0 0 0.25rem rgba(3, 105, 161, 0.25) !important;
}

.btn-sky-700:active,
.btn-sky-700.active {
	background-color: #0284c7 !important;
	border-color: #0284c7 !important;
}

.btn-sky-700:disabled,
.btn-sky-700.disabled {
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
	opacity: 0.65;
}

/* Outline Button Styles - Sky-700 */
.btn-outline-sky-700 {
	color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
	background-color: transparent !important;
}

.btn-outline-sky-700:hover {
	color: #fff !important;
	background-color: var(--color-sky-700) !important;
	border-color: var(--color-sky-700) !important;
}

.btn-outline-sky-700:focus,
.btn-outline-sky-700.focus {
	box-shadow: 0 0 0 0.25rem rgba(3, 105, 161, 0.25) !important;
}

.btn-outline-sky-700:active,
.btn-outline-sky-700.active {
	color: #fff !important;
	background-color: #0284c7 !important;
	border-color: #0284c7 !important;
}

.btn-outline-sky-700:disabled,
.btn-outline-sky-700.disabled {
	color: var(--color-sky-700) !important;
	background-color: transparent !important;
	border-color: var(--color-sky-700) !important;
	opacity: 0.65;
}

/* Link Styles with Hover Effects */
.link-blue {
	color: var(--bs-blue) !important;
}
.link-blue:hover {
	color: #0a58ca !important;
}

.link-indigo {
	color: var(--bs-indigo) !important;
}
.link-indigo:hover {
	color: #4406cb !important;
}

.link-purple {
	color: var(--bs-purple) !important;
}
.link-purple:hover {
	color: #59339a !important;
}

.link-pink {
	color: var(--bs-pink) !important;
}
.link-pink:hover {
	color: #ab296a !important;
}

.link-orange {
	color: var(--bs-orange) !important;
}
.link-orange:hover {
	color: #cc6510 !important;
}

.link-teal {
	color: var(--color-teal-500) !important;
}
.link-teal:hover {
	color: var(--color-teal-700) !important;
}

.link-cyan {
	color: var(--color-cyan-500) !important;
}
.link-cyan:hover {
	color: var(--color-cyan-700) !important;
}

/* Modern Color Link Styles */
.link-slate {
	color: var(--color-slate-500) !important;
}
.link-slate:hover {
	color: var(--color-slate-700) !important;
}

.link-sky {
	color: var(--color-sky-500) !important;
}
.link-sky:hover {
	color: var(--color-sky-700) !important;
}

.link-emerald {
	color: var(--color-emerald-500) !important;
}
.link-emerald:hover {
	color: var(--color-emerald-700) !important;
}

.link-violet {
	color: var(--color-violet-500) !important;
}
.link-violet:hover {
	color: var(--color-violet-700) !important;
}

.link-rose {
	color: var(--color-rose-500) !important;
}
.link-rose:hover {
	color: var(--color-rose-700) !important;
}

.link-amber {
	color: var(--color-amber-500) !important;
}
.link-amber:hover {
	color: var(--color-amber-700) !important;
}

.link-lime {
	color: var(--color-lime-500) !important;
}
.link-lime:hover {
	color: var(--color-lime-700) !important;
}

.link-fuchsia {
	color: var(--color-fuchsia-500) !important;
}
.link-fuchsia:hover {
	color: var(--color-fuchsia-700) !important;
}

/* Additional Utility Classes */
.text-hover-blue:hover {
	color: var(--bs-blue) !important;
}
.text-hover-indigo:hover {
	color: var(--bs-indigo) !important;
}
.text-hover-purple:hover {
	color: var(--bs-purple) !important;
}
.text-hover-pink:hover {
	color: var(--bs-pink) !important;
}
.text-hover-orange:hover {
	color: var(--bs-orange) !important;
}
.text-hover-teal:hover {
	color: var(--color-teal-500) !important;
}
.text-hover-cyan:hover {
	color: var(--color-cyan-500) !important;
}

/* Background Hover Utilities */
.bg-hover-blue:hover {
	background-color: var(--bs-blue) !important;
}
.bg-hover-indigo:hover {
	background-color: var(--bs-indigo) !important;
}
.bg-hover-purple:hover {
	background-color: var(--bs-purple) !important;
}
.bg-hover-pink:hover {
	background-color: var(--bs-pink) !important;
}
.bg-hover-orange:hover {
	background-color: var(--bs-orange) !important;
}
.bg-hover-teal:hover {
	background-color: var(--color-teal-500) !important;
}
.bg-hover-cyan:hover {
	background-color: var(--color-cyan-500) !important;
}

/* Cyan Background Colors */
.bg-cyan-50 {
	background-color: var(--color-cyan-50) !important;
}
.bg-cyan-500 {
	background-color: var(--color-cyan-500) !important;
}
.bg-cyan-600 {
	background-color: var(--color-cyan-600) !important;
}
.bg-cyan-700 {
	background-color: var(--color-cyan-700) !important;
}

/* Cyan Text Colors */
.text-cyan-50 {
	color: var(--color-cyan-50) !important;
}
.text-cyan-500 {
	color: var(--color-cyan-500) !important;
}
.text-cyan-600 {
	color: var(--color-cyan-600) !important;
}
.text-cyan-700 {
	color: var(--color-cyan-700) !important;
}

/* Cyan Border Colors */
.border-cyan-50 {
	border-color: var(--color-cyan-50) !important;
}
.border-cyan-500 {
	border-color: var(--color-cyan-500) !important;
}
.border-cyan-600 {
	border-color: var(--color-cyan-600) !important;
}
.border-cyan-700 {
	border-color: var(--color-cyan-700) !important;
}

/* Hover States */
.hover\:bg-cyan-50:hover {
	background-color: var(--color-cyan-50) !important;
}
.hover\:bg-cyan-500:hover {
	background-color: var(--color-cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
	background-color: var(--color-cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
	background-color: var(--color-cyan-700) !important;
}

.hover\:text-cyan-50:hover {
	color: var(--color-cyan-50) !important;
}
.hover\:text-cyan-500:hover {
	color: var(--color-cyan-500) !important;
}
.hover\:text-cyan-600:hover {
	color: var(--color-cyan-600) !important;
}
.hover\:text-cyan-700:hover {
	color: var(--color-cyan-700) !important;
}

/* Border Colors - Sky */
.border-sky-50 {
	border-color: var(--color-sky-50) !important;
}
.border-sky-500 {
	border-color: var(--color-sky-500) !important;
}
.border-sky-600 {
	border-color: var(--color-sky-600) !important;
}
.border-sky-700 {
	border-color: var(--color-sky-700) !important;
}

/* Border Colors - Violet */
.border-violet-50 {
	border-color: var(--color-violet-50) !important;
}
.border-violet-500 {
	border-color: var(--color-violet-500) !important;
}
.border-violet-600 {
	border-color: var(--color-violet-600) !important;
}
.border-violet-700 {
	border-color: var(--color-violet-700) !important;
}

/* Border Colors - Lime */
.border-lime-50 {
	border-color: var(--color-lime-50) !important;
}
.border-lime-500 {
	border-color: var(--color-lime-500) !important;
}
.border-lime-600 {
	border-color: var(--color-lime-600) !important;
}
.border-lime-700 {
	border-color: var(--color-lime-700) !important;
}

/* Border Colors - Slate */
.border-slate-50 {
	border-color: var(--color-slate-50) !important;
}
.border-slate-100 {
	border-color: var(--color-slate-100) !important;
}
.border-slate-200 {
	border-color: var(--color-slate-200) !important;
}
.border-slate-300 {
	border-color: var(--color-slate-300) !important;
}
.border-slate-400 {
	border-color: var(--color-slate-400) !important;
}
.border-slate-500 {
	border-color: var(--color-slate-500) !important;
}
.border-slate-600 {
	border-color: var(--color-slate-600) !important;
}
.border-slate-700 {
	border-color: var(--color-slate-700) !important;
}
.border-slate-800 {
	border-color: var(--color-slate-800) !important;
}
.border-slate-900 {
	border-color: var(--color-slate-900) !important;
}