/* ===== PRIMARY BRANDING COLORS ===== */
.bg-primary {
	background-color: #3b118d !important;
}
.text-primary {
	color: #3b118d !important;
}
.border-primary {
	border-color: #3b118d !important;
}

.bg-secondary {
	background-color: #8d1179 !important;
}
.text-secondary {
	color: #8d1179 !important;
}
.border-secondary {
	border-color: #8d1179 !important;
}

.bg-accent {
	background-color: #b35fa8 !important;
}
.text-accent {
	color: #b35fa8 !important;
}
.border-accent {
	border-color: #b35fa8 !important;
}

/* ===== SOFT PASTEL VARIANTS ===== */
.bg-primary-light {
	background-color: #7b66c4 !important;
}
.text-primary-light {
	color: #7b66c4 !important;
}
.border-primary-light {
	border-color: #7b66c4 !important;
}

.bg-secondary-light {
	background-color: #c17baf !important;
}
.text-secondary-light {
	color: #c17baf !important;
}
.border-secondary-light {
	border-color: #c17baf !important;
}

.bg-accent-light {
	background-color: #e3bfe0 !important;
}
.text-accent-light {
	color: #e3bfe0 !important;
}
.border-accent-light {
	border-color: #e3bfe0 !important;
}

.bg-background {
	background-color: #f7f2fa !important;
}

/* ===== NEUTRAL & TEXT COLORS ===== */
.text-main {
	color: #1a1625 !important;
}
.text-caption {
	color: #4a4a6a !important;
}
.text-disabled {
	color: #bdb7ce !important;
}

.bg-divider {
	background-color: #d9d9e0 !important;
}
.border-divider {
	border-color: #d9d9e0 !important;
}

.bg-disabled {
	background-color: #bdb7ce !important;
}

/* ===== FEEDBACK / STATE COLORS ===== */
.bg-success {
	background-color: #6fcf97 !important;
}
.text-success {
	color: #6fcf97 !important;
}
.border-success {
	border-color: #6fcf97 !important;
}

.bg-warning {
	background-color: #f2c94c !important;
}
.text-warning {
	color: #f2c94c !important;
}
.border-warning {
	border-color: #f2c94c !important;
}

.bg-error {
	background-color: #e35858 !important;
}
.text-error {
	color: #e35858 !important;
}
.border-error {
	border-color: #e35858 !important;
}

.bg-info {
	background-color: #56ccf2 !important;
}
.text-info {
	color: #56ccf2 !important;
}
.border-info {
	border-color: #56ccf2 !important;
}

/* ===== CHART / DATA VISUALIZATION COLORS ===== */
.bg-highlight-1 {
	background-color: #3b118d !important;
}
.bg-highlight-2 {
	background-color: #8d1179 !important;
}
.bg-highlight-3 {
	background-color: #b35fa8 !important;
}
.bg-neutral-1 {
	background-color: #d9d9e0 !important;
}
.bg-neutral-2 {
	background-color: #f3f1fa !important;
}

/* ===== FUN / PLAYFUL ACCENT COLORS ===== */
.bg-fun-pink {
	background-color: #f28a8a !important;
}
.text-fun-pink {
	color: #f28a8a !important;
}
.border-fun-pink {
	border-color: #f28a8a !important;
}

.bg-fun-teal {
	background-color: #56ccf2 !important;
}
.text-fun-teal {
	color: #56ccf2 !important;
}
.border-fun-teal {
	border-color: #56ccf2 !important;
}

.bg-fun-yellow {
	background-color: #f2c94c !important;
}
.text-fun-yellow {
	color: #f2c94c !important;
}
.border-fun-yellow {
	border-color: #f2c94c !important;
}

/* ===== HOVER STATES ===== */
.btn-primary:hover {
	background-color: #7b66c4 !important;
}
.btn-secondary:hover {
	background-color: #c17baf !important;
}
.btn-accent:hover {
	background-color: #e3bfe0 !important;
}

/* ===== CUSTOM BUTTON CLASSES ===== */
.btn-primary {
	background-color: #3b118d;
	border-color: #3b118d;
	color: white;
}

.btn-secondary {
	background-color: #8d1179;
	border-color: #8d1179;
	color: white;
}

.btn-accent {
	background-color: #e3bfe0;
	border-color: #e3bfe0;
	color: white;
}