/* Bootstrap 5.3 Complete Color Extension */
/* Custom Color Variables */
:root,
[data-bs-theme=light] {
    /* New color palette */
    --bs-violet: #966ed6;
    --bs-lime: #84cc16;
    --bs-rose: #f43f5e;
    --bs-amber: #f59e0b;
    --bs-emerald: #10b981;
    --bs-sky: #0ea5e9;
    --bs-slate: #64748b;
    --bs-stone: #78716c;

    /* RGB variants */
    --bs-violet-rgb: 139, 92, 246;
    --bs-lime-rgb: 132, 204, 22;
    --bs-rose-rgb: 244, 63, 94;
    --bs-amber-rgb: 245, 158, 11;
    --bs-emerald-rgb: 16, 185, 129;
    --bs-sky-rgb: 14, 165, 233;
    --bs-slate-rgb: 100, 116, 139;
    --bs-stone-rgb: 120, 113, 108;

    /* Text emphasis variants */
    --bs-violet-text-emphasis: #5b21b6;
    --bs-lime-text-emphasis: #4d7c0f;
    --bs-rose-text-emphasis: #be123c;
    --bs-amber-text-emphasis: #d97706;
    --bs-emerald-text-emphasis: #047857;
    --bs-sky-text-emphasis: #0369a1;
    --bs-slate-text-emphasis: #334155;
    --bs-stone-text-emphasis: #44403c;

    /* Background subtle variants */
    --bs-violet-bg-subtle: #f3f4f6;
    --bs-lime-bg-subtle: #f7fee7;
    --bs-rose-bg-subtle: #fff1f2;
    --bs-amber-bg-subtle: #fffbeb;
    --bs-emerald-bg-subtle: #ecfdf5;
    --bs-sky-bg-subtle: #f0f9ff;
    --bs-slate-bg-subtle: #f8fafc;
    --bs-stone-bg-subtle: #fafaf9;

    /* Border subtle variants */
    --bs-violet-border-subtle: #c4b5fd;
    --bs-lime-border-subtle: #bef264;
    --bs-rose-border-subtle: #fda4af;
    --bs-amber-border-subtle: #fcd34d;
    --bs-emerald-border-subtle: #6ee7b7;
    --bs-sky-border-subtle: #7dd3fc;
    --bs-slate-border-subtle: #cbd5e1;
    --bs-stone-border-subtle: #d6d3d1;
}

/* Dark theme variants */
[data-bs-theme=dark] {
    /* Text emphasis variants for dark theme */
    --bs-violet-text-emphasis: #c4b5fd;
    --bs-lime-text-emphasis: #bef264;
    --bs-rose-text-emphasis: #fda4af;
    --bs-amber-text-emphasis: #fcd34d;
    --bs-emerald-text-emphasis: #6ee7b7;
    --bs-sky-text-emphasis: #7dd3fc;
    --bs-slate-text-emphasis: #cbd5e1;
    --bs-stone-text-emphasis: #d6d3d1;

    /* Background subtle variants for dark theme */
    --bs-violet-bg-subtle: #2d1b69;
    --bs-lime-bg-subtle: #1a2e05;
    --bs-rose-bg-subtle: #4c0519;
    --bs-amber-bg-subtle: #451a03;
    --bs-emerald-bg-subtle: #022c22;
    --bs-sky-bg-subtle: #0c2a3e;
    --bs-slate-bg-subtle: #1e293b;
    --bs-stone-bg-subtle: #292524;

    /* Border subtle variants for dark theme */
    --bs-violet-border-subtle: #5b21b6;
    --bs-lime-border-subtle: #4d7c0f;
    --bs-rose-border-subtle: #be123c;
    --bs-amber-border-subtle: #d97706;
    --bs-emerald-border-subtle: #047857;
    --bs-sky-border-subtle: #0369a1;
    --bs-slate-border-subtle: #334155;
    --bs-stone-border-subtle: #44403c;
}

/* =============================================================================
   TEXT COLOR UTILITIES
   ============================================================================= */

.text-violet {
    color: var(--bs-violet) !important;
}

.text-lime {
    color: var(--bs-lime) !important;
}

.text-rose {
    color: var(--bs-rose) !important;
}

.text-amber {
    color: var(--bs-amber) !important;
}

.text-emerald {
    color: var(--bs-emerald) !important;
}

.text-sky {
    color: var(--bs-sky) !important;
}

.text-slate {
    color: var(--bs-slate) !important;
}

.text-stone {
    color: var(--bs-stone) !important;
}

/* Text Emphasis Utilities */
.text-violet-emphasis {
    color: var(--bs-violet-text-emphasis) !important;
}

.text-lime-emphasis {
    color: var(--bs-lime-text-emphasis) !important;
}

.text-rose-emphasis {
    color: var(--bs-rose-text-emphasis) !important;
}

.text-amber-emphasis {
    color: var(--bs-amber-text-emphasis) !important;
}

.text-emerald-emphasis {
    color: var(--bs-emerald-text-emphasis) !important;
}

.text-sky-emphasis {
    color: var(--bs-sky-text-emphasis) !important;
}

.text-slate-emphasis {
    color: var(--bs-slate-text-emphasis) !important;
}

.text-stone-emphasis {
    color: var(--bs-stone-text-emphasis) !important;
}

/* =============================================================================
   BACKGROUND COLOR UTILITIES
   ============================================================================= */

.bg-violet {
    background-color: var(--bs-violet) !important;
}

.bg-lime {
    background-color: var(--bs-lime) !important;
}

.bg-rose {
    background-color: var(--bs-rose) !important;
}

.bg-amber {
    background-color: var(--bs-amber) !important;
}

.bg-emerald {
    background-color: var(--bs-emerald) !important;
}

.bg-sky {
    background-color: var(--bs-sky) !important;
}

.bg-slate {
    background-color: var(--bs-slate) !important;
}

.bg-stone {
    background-color: var(--bs-stone) !important;
}

/* Background Subtle Utilities */
.bg-violet-subtle {
    background-color: var(--bs-violet-bg-subtle) !important;
}

.bg-lime-subtle {
    background-color: var(--bs-lime-bg-subtle) !important;
}

.bg-rose-subtle {
    background-color: var(--bs-rose-bg-subtle) !important;
}

.bg-amber-subtle {
    background-color: var(--bs-amber-bg-subtle) !important;
}

.bg-emerald-subtle {
    background-color: var(--bs-emerald-bg-subtle) !important;
}

.bg-sky-subtle {
    background-color: var(--bs-sky-bg-subtle) !important;
}

.bg-slate-subtle {
    background-color: var(--bs-slate-bg-subtle) !important;
}

.bg-stone-subtle {
    background-color: var(--bs-stone-bg-subtle) !important;
}

/* =============================================================================
   BORDER COLOR UTILITIES
   ============================================================================= */

.border-violet {
    border-color: var(--bs-violet) !important;
}

.border-lime {
    border-color: var(--bs-lime) !important;
}

.border-rose {
    border-color: var(--bs-rose) !important;
}

.border-amber {
    border-color: var(--bs-amber) !important;
}

.border-emerald {
    border-color: var(--bs-emerald) !important;
}

.border-sky {
    border-color: var(--bs-sky) !important;
}

.border-slate {
    border-color: var(--bs-slate) !important;
}

.border-stone {
    border-color: var(--bs-stone) !important;
}

/* Border Subtle Utilities */
.border-violet-subtle {
    border-color: var(--bs-violet-border-subtle) !important;
}

.border-lime-subtle {
    border-color: var(--bs-lime-border-subtle) !important;
}

.border-rose-subtle {
    border-color: var(--bs-rose-border-subtle) !important;
}

.border-amber-subtle {
    border-color: var(--bs-amber-border-subtle) !important;
}

.border-emerald-subtle {
    border-color: var(--bs-emerald-border-subtle) !important;
}

.border-sky-subtle {
    border-color: var(--bs-sky-border-subtle) !important;
}

.border-slate-subtle {
    border-color: var(--bs-slate-border-subtle) !important;
}

.border-stone-subtle {
    border-color: var(--bs-stone-border-subtle) !important;
}

/* =============================================================================
   BUTTON VARIANTS
   ============================================================================= */

/* Violet Buttons */
.btn-violet {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-violet);
    --bs-btn-border-color: var(--bs-violet);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7c3aed;
    --bs-btn-hover-border-color: #7c3aed;
    --bs-btn-focus-shadow-rgb: var(--bs-violet-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6d28d9;
    --bs-btn-active-border-color: #6d28d9;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-violet);
    --bs-btn-disabled-border-color: var(--bs-violet);
}

.btn-outline-violet {
    --bs-btn-color: var(--bs-violet);
    --bs-btn-border-color: var(--bs-violet);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-violet);
    --bs-btn-hover-border-color: var(--bs-violet);
    --bs-btn-focus-shadow-rgb: var(--bs-violet-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-violet);
    --bs-btn-active-border-color: var(--bs-violet);
    --bs-btn-disabled-color: var(--bs-violet);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-violet);
}

/* Lime Buttons */
.btn-lime {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-lime);
    --bs-btn-border-color: var(--bs-lime);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #65a30d;
    --bs-btn-hover-border-color: #65a30d;
    --bs-btn-focus-shadow-rgb: var(--bs-lime-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d7c0f;
    --bs-btn-active-border-color: #4d7c0f;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-lime);
    --bs-btn-disabled-border-color: var(--bs-lime);
}

.btn-outline-lime {
    --bs-btn-color: var(--bs-lime);
    --bs-btn-border-color: var(--bs-lime);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-lime);
    --bs-btn-hover-border-color: var(--bs-lime);
    --bs-btn-focus-shadow-rgb: var(--bs-lime-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-lime);
    --bs-btn-active-border-color: var(--bs-lime);
    --bs-btn-disabled-color: var(--bs-lime);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-lime);
}

/* Rose Buttons */
.btn-rose {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-rose);
    --bs-btn-border-color: var(--bs-rose);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e11d48;
    --bs-btn-hover-border-color: #e11d48;
    --bs-btn-focus-shadow-rgb: var(--bs-rose-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #be123c;
    --bs-btn-active-border-color: #be123c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-rose);
    --bs-btn-disabled-border-color: var(--bs-rose);
}

.btn-outline-rose {
    --bs-btn-color: var(--bs-rose);
    --bs-btn-border-color: var(--bs-rose);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-rose);
    --bs-btn-hover-border-color: var(--bs-rose);
    --bs-btn-focus-shadow-rgb: var(--bs-rose-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-rose);
    --bs-btn-active-border-color: var(--bs-rose);
    --bs-btn-disabled-color: var(--bs-rose);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-rose);
}

/* Amber Buttons */
.btn-amber {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-amber);
    --bs-btn-border-color: var(--bs-amber);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d97706;
    --bs-btn-hover-border-color: #d97706;
    --bs-btn-focus-shadow-rgb: var(--bs-amber-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b45309;
    --bs-btn-active-border-color: #b45309;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-amber);
    --bs-btn-disabled-border-color: var(--bs-amber);
}

.btn-outline-amber {
    --bs-btn-color: var(--bs-amber);
    --bs-btn-border-color: var(--bs-amber);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-amber);
    --bs-btn-hover-border-color: var(--bs-amber);
    --bs-btn-focus-shadow-rgb: var(--bs-amber-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-amber);
    --bs-btn-active-border-color: var(--bs-amber);
    --bs-btn-disabled-color: var(--bs-amber);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-amber);
}

/* Emerald Buttons */
.btn-emerald {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-emerald);
    --bs-btn-border-color: var(--bs-emerald);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #059669;
    --bs-btn-hover-border-color: #059669;
    --bs-btn-focus-shadow-rgb: var(--bs-emerald-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #047857;
    --bs-btn-active-border-color: #047857;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-emerald);
    --bs-btn-disabled-border-color: var(--bs-emerald);
}

.btn-outline-emerald {
    --bs-btn-color: var(--bs-emerald);
    --bs-btn-border-color: var(--bs-emerald);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-emerald);
    --bs-btn-hover-border-color: var(--bs-emerald);
    --bs-btn-focus-shadow-rgb: var(--bs-emerald-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-emerald);
    --bs-btn-active-border-color: var(--bs-emerald);
    --bs-btn-disabled-color: var(--bs-emerald);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-emerald);
}

/* Sky Buttons */
.btn-sky {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-sky);
    --bs-btn-border-color: var(--bs-sky);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0284c7;
    --bs-btn-hover-border-color: #0284c7;
    --bs-btn-focus-shadow-rgb: var(--bs-sky-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0369a1;
    --bs-btn-active-border-color: #0369a1;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-sky);
    --bs-btn-disabled-border-color: var(--bs-sky);
}

.btn-outline-sky {
    --bs-btn-color: var(--bs-sky);
    --bs-btn-border-color: var(--bs-sky);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-sky);
    --bs-btn-hover-border-color: var(--bs-sky);
    --bs-btn-focus-shadow-rgb: var(--bs-sky-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-sky);
    --bs-btn-active-border-color: var(--bs-sky);
    --bs-btn-disabled-color: var(--bs-sky);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-sky);
}

/* Slate Buttons */
.btn-slate {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-slate);
    --bs-btn-border-color: var(--bs-slate);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #475569;
    --bs-btn-hover-border-color: #475569;
    --bs-btn-focus-shadow-rgb: var(--bs-slate-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #334155;
    --bs-btn-active-border-color: #334155;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-slate);
    --bs-btn-disabled-border-color: var(--bs-slate);
}

.btn-outline-slate {
    --bs-btn-color: var(--bs-slate);
    --bs-btn-border-color: var(--bs-slate);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-slate);
    --bs-btn-hover-border-color: var(--bs-slate);
    --bs-btn-focus-shadow-rgb: var(--bs-slate-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-slate);
    --bs-btn-active-border-color: var(--bs-slate);
    --bs-btn-disabled-color: var(--bs-slate);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-slate);
}

/* Stone Buttons */
.btn-stone {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-stone);
    --bs-btn-border-color: var(--bs-stone);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #57534e;
    --bs-btn-hover-border-color: #57534e;
    --bs-btn-focus-shadow-rgb: var(--bs-stone-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #44403c;
    --bs-btn-active-border-color: #44403c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-stone);
    --bs-btn-disabled-border-color: var(--bs-stone);
}

.btn-outline-stone {
    --bs-btn-color: var(--bs-stone);
    --bs-btn-border-color: var(--bs-stone);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-stone);
    --bs-btn-hover-border-color: var(--bs-stone);
    --bs-btn-focus-shadow-rgb: var(--bs-stone-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-stone);
    --bs-btn-active-border-color: var(--bs-stone);
    --bs-btn-disabled-color: var(--bs-stone);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-stone);
}

/* =============================================================================
   ALERT VARIANTS
   ============================================================================= */

.alert-violet {
    --bs-alert-color: var(--bs-violet-text-emphasis);
    --bs-alert-bg: var(--bs-violet-bg-subtle);
    --bs-alert-border-color: var(--bs-violet-border-subtle);
    --bs-alert-link-color: var(--bs-violet-text-emphasis);
}

.alert-lime {
    --bs-alert-color: var(--bs-lime-text-emphasis);
    --bs-alert-bg: var(--bs-lime-bg-subtle);
    --bs-alert-border-color: var(--bs-lime-border-subtle);
    --bs-alert-link-color: var(--bs-lime-text-emphasis);
}

.alert-rose {
    --bs-alert-color: var(--bs-rose-text-emphasis);
    --bs-alert-bg: var(--bs-rose-bg-subtle);
    --bs-alert-border-color: var(--bs-rose-border-subtle);
    --bs-alert-link-color: var(--bs-rose-text-emphasis);
}

.alert-amber {
    --bs-alert-color: var(--bs-amber-text-emphasis);
    --bs-alert-bg: var(--bs-amber-bg-subtle);
    --bs-alert-border-color: var(--bs-amber-border-subtle);
    --bs-alert-link-color: var(--bs-amber-text-emphasis);
}

.alert-emerald {
    --bs-alert-color: var(--bs-emerald-text-emphasis);
    --bs-alert-bg: var(--bs-emerald-bg-subtle);
    --bs-alert-border-color: var(--bs-emerald-border-subtle);
    --bs-alert-link-color: var(--bs-emerald-text-emphasis);
}

.alert-sky {
    --bs-alert-color: var(--bs-sky-text-emphasis);
    --bs-alert-bg: var(--bs-sky-bg-subtle);
    --bs-alert-border-color: var(--bs-sky-border-subtle);
    --bs-alert-link-color: var(--bs-sky-text-emphasis);
}

.alert-slate {
    --bs-alert-color: var(--bs-slate-text-emphasis);
    --bs-alert-bg: var(--bs-slate-bg-subtle);
    --bs-alert-border-color: var(--bs-slate-border-subtle);
    --bs-alert-link-color: var(--bs-slate-text-emphasis);
}

.alert-stone {
    --bs-alert-color: var(--bs-stone-text-emphasis);
    --bs-alert-bg: var(--bs-stone-bg-subtle);
    --bs-alert-border-color: var(--bs-stone-border-subtle);
    --bs-alert-link-color: var(--bs-stone-text-emphasis);
}

/* =============================================================================
   BADGE VARIANTS
   ============================================================================= */

.badge.text-bg-violet {
    color: #fff !important;
    background-color: var(--bs-violet) !important;
}

.badge.text-bg-lime {
    color: #fff !important;
    background-color: var(--bs-lime) !important;
}

.badge.text-bg-rose {
    color: #fff !important;
    background-color: var(--bs-rose) !important;
}

.badge.text-bg-amber {
    color: #fff !important;
    background-color: var(--bs-amber) !important;
}

.badge.text-bg-emerald {
    color: #fff !important;
    background-color: var(--bs-emerald) !important;
}

.badge.text-bg-sky {
    color: #fff !important;
    background-color: var(--bs-sky) !important;
}

.badge.text-bg-slate {
    color: #fff !important;
    background-color: var(--bs-slate) !important;
}

.badge.text-bg-stone {
    color: #fff !important;
    background-color: var(--bs-stone) !important;
}

/* =============================================================================
   LIST GROUP ITEM VARIANTS
   ============================================================================= */

.list-group-item-violet {
    color: var(--bs-violet-text-emphasis);
    background-color: var(--bs-violet-bg-subtle);
}

.list-group-item-violet.list-group-item-action:hover,
.list-group-item-violet.list-group-item-action:focus {
    color: var(--bs-violet-text-emphasis);
    background-color: var(--bs-violet-border-subtle);
}

.list-group-item-violet.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-violet-text-emphasis);
    border-color: var(--bs-violet-text-emphasis);
}

.list-group-item-lime {
    color: var(--bs-lime-text-emphasis);
    background-color: var(--bs-lime-bg-subtle);
}

.list-group-item-lime.list-group-item-action:hover,
.list-group-item-lime.list-group-item-action:focus {
    color: var(--bs-lime-text-emphasis);
    background-color: var(--bs-lime-border-subtle);
}

.list-group-item-lime.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-lime-text-emphasis);
    border-color: var(--bs-lime-text-emphasis);
}

.list-group-item-rose {
    color: var(--bs-rose-text-emphasis);
    background-color: var(--bs-rose-bg-subtle);
}

.list-group-item-rose.list-group-item-action:hover,
.list-group-item-rose.list-group-item-action:focus {
    color: var(--bs-rose-text-emphasis);
    background-color: var(--bs-rose-border-subtle);
}

.list-group-item-rose.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-rose-text-emphasis);
    border-color: var(--bs-rose-text-emphasis);
}

.list-group-item-amber {
    color: var(--bs-amber-text-emphasis);
    background-color: var(--bs-amber-bg-subtle);
}

.list-group-item-amber.list-group-item-action:hover,
.list-group-item-amber.list-group-item-action:focus {
    color: var(--bs-amber-text-emphasis);
    background-color: var(--bs-amber-border-subtle);
}

.list-group-item-amber.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-amber-text-emphasis);
    border-color: var(--bs-amber-text-emphasis);
}

.list-group-item-emerald {
    color: var(--bs-emerald-text-emphasis);
    background-color: var(--bs-emerald-bg-subtle);
}

.list-group-item-emerald.list-group-item-action:hover,
.list-group-item-emerald.list-group-item-action:focus {
    color: var(--bs-emerald-text-emphasis);
    background-color: var(--bs-emerald-border-subtle);
}

.list-group-item-emerald.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-emerald-text-emphasis);
    border-color: var(--bs-emerald-text-emphasis);
}

.list-group-item-sky {
    color: var(--bs-sky-text-emphasis);
    background-color: var(--bs-sky-bg-subtle);
}

.list-group-item-sky.list-group-item-action:hover,
.list-group-item-sky.list-group-item-action:focus {
    color: var(--bs-sky-text-emphasis);
    background-color: var(--bs-sky-border-subtle);
}

.list-group-item-sky.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-sky-text-emphasis);
    border-color: var(--bs-sky-text-emphasis);
}

.list-group-item-slate {
    color: var(--bs-slate-text-emphasis);
    background-color: var(--bs-slate-bg-subtle);
}

.list-group-item-slate.list-group-item-action:hover,
.list-group-item-slate.list-group-item-action:focus {
    color: var(--bs-slate-text-emphasis);
    background-color: var(--bs-slate-border-subtle);
}

.list-group-item-slate.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-slate-text-emphasis);
    border-color: var(--bs-slate-text-emphasis);
}

.list-group-item-stone {
    color: var(--bs-stone-text-emphasis);
    background-color: var(--bs-stone-bg-subtle);
}

.list-group-item-stone.list-group-item-action:hover,
.list-group-item-stone.list-group-item-action:focus {
    color: var(--bs-stone-text-emphasis);
    background-color: var(--bs-stone-border-subtle);
}

.list-group-item-stone.list-group-item-action.active {
    color: #fff;
    background-color: var(--bs-stone-text-emphasis);
    border-color: var(--bs-stone-text-emphasis);
}

/* =============================================================================
   TABLE VARIANTS
   ============================================================================= */

.table-violet {
    --bs-table-color: var(--bs-violet-text-emphasis);
    --bs-table-bg: var(--bs-violet-bg-subtle);
    --bs-table-border-color: var(--bs-violet-border-subtle);
    --bs-table-striped-bg: var(--bs-violet-bg-subtle);
    --bs-table-striped-color: var(--bs-violet-text-emphasis);
    --bs-table-active-bg: var(--bs-violet-border-subtle);
    --bs-table-active-color: var(--bs-violet-text-emphasis);
    --bs-table-hover-bg: var(--bs-violet-border-subtle);
    --bs-table-hover-color: var(--bs-violet-text-emphasis);
}

.table-lime {
    --bs-table-color: var(--bs-lime-text-emphasis);
    --bs-table-bg: var(--bs-lime-bg-subtle);
    --bs-table-border-color: var(--bs-lime-border-subtle);
    --bs-table-striped-bg: var(--bs-lime-bg-subtle);
    --bs-table-striped-color: var(--bs-lime-text-emphasis);
    --bs-table-active-bg: var(--bs-lime-border-subtle);
    --bs-table-active-color: var(--bs-lime-text-emphasis);
    --bs-table-hover-bg: var(--bs-lime-border-subtle);
    --bs-table-hover-color: var(--bs-lime-text-emphasis);
}

.table-rose {
    --bs-table-color: var(--bs-rose-text-emphasis);
    --bs-table-bg: var(--bs-rose-bg-subtle);
    --bs-table-border-color: var(--bs-rose-border-subtle);
    --bs-table-striped-bg: var(--bs-rose-bg-subtle);
    --bs-table-striped-color: var(--bs-rose-text-emphasis);
    --bs-table-active-bg: var(--bs-rose-border-subtle);
    --bs-table-active-color: var(--bs-rose-text-emphasis);
    --bs-table-hover-bg: var(--bs-rose-border-subtle);
    --bs-table-hover-color: var(--bs-rose-text-emphasis);
}

.table-amber {
    --bs-table-color: var(--bs-amber-text-emphasis);
    --bs-table-bg: var(--bs-amber-bg-subtle);
    --bs-table-border-color: var(--bs-amber-border-subtle);
    --bs-table-striped-bg: var(--bs-amber-bg-subtle);
    --bs-table-striped-color: var(--bs-amber-text-emphasis);
    --bs-table-active-bg: var(--bs-amber-border-subtle);
    --bs-table-active-color: var(--bs-amber-text-emphasis);
    --bs-table-hover-bg: var(--bs-amber-border-subtle);
    --bs-table-hover-color: var(--bs-amber-text-emphasis);
}

.table-emerald {
    --bs-table-color: var(--bs-emerald-text-emphasis);
    --bs-table-bg: var(--bs-emerald-bg-subtle);
    --bs-table-border-color: var(--bs-emerald-border-subtle);
    --bs-table-striped-bg: var(--bs-emerald-bg-subtle);
    --bs-table-striped-color: var(--bs-emerald-text-emphasis);
    --bs-table-active-bg: var(--bs-emerald-border-subtle);
    --bs-table-active-color: var(--bs-emerald-text-emphasis);
    --bs-table-hover-bg: var(--bs-emerald-border-subtle);
    --bs-table-hover-color: var(--bs-emerald-text-emphasis);
}

.table-sky {
    --bs-table-color: var(--bs-sky-text-emphasis);
    --bs-table-bg: var(--bs-sky-bg-subtle);
    --bs-table-border-color: var(--bs-sky-border-subtle);
    --bs-table-striped-bg: var(--bs-sky-bg-subtle);
    --bs-table-striped-color: var(--bs-sky-text-emphasis);
    --bs-table-active-bg: var(--bs-sky-border-subtle);
    --bs-table-active-color: var(--bs-sky-text-emphasis);
    --bs-table-hover-bg: var(--bs-sky-border-subtle);
    --bs-table-hover-color: var(--bs-sky-text-emphasis);
}

.table-slate {
    --bs-table-color: var(--bs-slate-text-emphasis);
    --bs-table-bg: var(--bs-slate-bg-subtle);
    --bs-table-border-color: var(--bs-slate-border-subtle);
    --bs-table-striped-bg: var(--bs-slate-bg-subtle);
    --bs-table-striped-color: var(--bs-slate-text-emphasis);
    --bs-table-active-bg: var(--bs-slate-border-subtle);
    --bs-table-active-color: var(--bs-slate-text-emphasis);
    --bs-table-hover-bg: var(--bs-slate-border-subtle);
    --bs-table-hover-color: var(--bs-slate-text-emphasis);
}

.table-stone {
    --bs-table-color: var(--bs-stone-text-emphasis);
    --bs-table-bg: var(--bs-stone-bg-subtle);
    --bs-table-border-color: var(--bs-stone-border-subtle);
    --bs-table-striped-bg: var(--bs-stone-bg-subtle);
    --bs-table-striped-color: var(--bs-stone-text-emphasis);
    --bs-table-active-bg: var(--bs-stone-border-subtle);
    --bs-table-active-color: var(--bs-stone-text-emphasis);
    --bs-table-hover-bg: var(--bs-stone-border-subtle);
    --bs-table-hover-color: var(--bs-stone-text-emphasis);
}

/* =============================================================================
   LINK COLOR UTILITIES
   ============================================================================= */

.link-violet {
    color: RGBA(var(--bs-violet-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-violet-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-violet-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-violet:hover,
.link-violet:focus {
    color: RGBA(92, 33, 182, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(92, 33, 182, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(92, 33, 182, var(--bs-link-underline-opacity, 1)) !important;
}

.link-lime {
    color: RGBA(var(--bs-lime-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-lime-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-lime-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-lime:hover,
.link-lime:focus {
    color: RGBA(77, 124, 15, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(77, 124, 15, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(77, 124, 15, var(--bs-link-underline-opacity, 1)) !important;
}

.link-rose {
    color: RGBA(var(--bs-rose-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-rose-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-rose-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-rose:hover,
.link-rose:focus {
    color: RGBA(190, 18, 60, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(190, 18, 60, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(190, 18, 60, var(--bs-link-underline-opacity, 1)) !important;
}

.link-amber {
    color: RGBA(var(--bs-amber-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-amber-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-amber-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-amber:hover,
.link-amber:focus {
    color: RGBA(217, 119, 6, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(217, 119, 6, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(217, 119, 6, var(--bs-link-underline-opacity, 1)) !important;
}

.link-emerald {
    color: RGBA(var(--bs-emerald-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emerald-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emerald-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-emerald:hover,
.link-emerald:focus {
    color: RGBA(4, 120, 87, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(4, 120, 87, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(4, 120, 87, var(--bs-link-underline-opacity, 1)) !important;
}

.link-sky {
    color: RGBA(var(--bs-sky-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-sky-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-sky-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-sky:hover,
.link-sky:focus {
    color: RGBA(3, 105, 161, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(3, 105, 161, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(3, 105, 161, var(--bs-link-underline-opacity, 1)) !important;
}

.link-slate {
    color: RGBA(var(--bs-slate-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-slate-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-slate-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-slate:hover,
.link-slate:focus {
    color: RGBA(51, 65, 85, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(51, 65, 85, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(51, 65, 85, var(--bs-link-underline-opacity, 1)) !important;
}

.link-stone {
    color: RGBA(var(--bs-stone-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-stone-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-stone-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-stone:hover,
.link-stone:focus {
    color: RGBA(68, 64, 60, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(68, 64, 60, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(68, 64, 60, var(--bs-link-underline-opacity, 1)) !important;
}

/* =============================================================================
   FORM CONTROL FOCUS STATES
   ============================================================================= */

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-focus-ring-color);
    outline: 0;
    box-shadow: var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

/* Focus ring variants for new colors */
.focus-ring-violet {
    --bs-focus-ring-color: rgba(var(--bs-violet-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-lime {
    --bs-focus-ring-color: rgba(var(--bs-lime-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-rose {
    --bs-focus-ring-color: rgba(var(--bs-rose-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-amber {
    --bs-focus-ring-color: rgba(var(--bs-amber-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-emerald {
    --bs-focus-ring-color: rgba(var(--bs-emerald-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-sky {
    --bs-focus-ring-color: rgba(var(--bs-sky-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-slate {
    --bs-focus-ring-color: rgba(var(--bs-slate-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-stone {
    --bs-focus-ring-color: rgba(var(--bs-stone-rgb), var(--bs-focus-ring-opacity));
}

/* =============================================================================
   PROGRESS BAR VARIANTS
   ============================================================================= */

.progress-bar-violet {
    background-color: var(--bs-violet);
}

.progress-bar-lime {
    background-color: var(--bs-lime);
}

.progress-bar-rose {
    background-color: var(--bs-rose);
}

.progress-bar-amber {
    background-color: var(--bs-amber);
}

.progress-bar-emerald {
    background-color: var(--bs-emerald);
}

.progress-bar-sky {
    background-color: var(--bs-sky);
}

.progress-bar-slate {
    background-color: var(--bs-slate);
}

.progress-bar-stone {
    background-color: var(--bs-stone);
}

/* =============================================================================
   ACCORDION VARIANTS
   ============================================================================= */

.accordion-violet {
    --bs-accordion-color: var(--bs-violet-text-emphasis);
    --bs-accordion-bg: var(--bs-violet-bg-subtle);
    --bs-accordion-border-color: var(--bs-violet-border-subtle);
    --bs-accordion-btn-color: var(--bs-violet-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-violet-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-violet-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-violet-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-violet-text-emphasis);
    --bs-accordion-active-bg: var(--bs-violet-bg-subtle);
}

.accordion-lime {
    --bs-accordion-color: var(--bs-lime-text-emphasis);
    --bs-accordion-bg: var(--bs-lime-bg-subtle);
    --bs-accordion-border-color: var(--bs-lime-border-subtle);
    --bs-accordion-btn-color: var(--bs-lime-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-lime-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-lime-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-lime-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-lime-text-emphasis);
    --bs-accordion-active-bg: var(--bs-lime-bg-subtle);
}

.accordion-rose {
    --bs-accordion-color: var(--bs-rose-text-emphasis);
    --bs-accordion-bg: var(--bs-rose-bg-subtle);
    --bs-accordion-border-color: var(--bs-rose-border-subtle);
    --bs-accordion-btn-color: var(--bs-rose-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-rose-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-rose-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-rose-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-rose-text-emphasis);
    --bs-accordion-active-bg: var(--bs-rose-bg-subtle);
}

.accordion-amber {
    --bs-accordion-color: var(--bs-amber-text-emphasis);
    --bs-accordion-bg: var(--bs-amber-bg-subtle);
    --bs-accordion-border-color: var(--bs-amber-border-subtle);
    --bs-accordion-btn-color: var(--bs-amber-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-amber-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-amber-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-amber-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-amber-text-emphasis);
    --bs-accordion-active-bg: var(--bs-amber-bg-subtle);
}

.accordion-emerald {
    --bs-accordion-color: var(--bs-emerald-text-emphasis);
    --bs-accordion-bg: var(--bs-emerald-bg-subtle);
    --bs-accordion-border-color: var(--bs-emerald-border-subtle);
    --bs-accordion-btn-color: var(--bs-emerald-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-emerald-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-emerald-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-emerald-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-emerald-text-emphasis);
    --bs-accordion-active-bg: var(--bs-emerald-bg-subtle);
}

.accordion-sky {
    --bs-accordion-color: var(--bs-sky-text-emphasis);
    --bs-accordion-bg: var(--bs-sky-bg-subtle);
    --bs-accordion-border-color: var(--bs-sky-border-subtle);
    --bs-accordion-btn-color: var(--bs-sky-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-sky-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-sky-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-sky-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-sky-text-emphasis);
    --bs-accordion-active-bg: var(--bs-sky-bg-subtle);
}

.accordion-slate {
    --bs-accordion-color: var(--bs-slate-text-emphasis);
    --bs-accordion-bg: var(--bs-slate-bg-subtle);
    --bs-accordion-border-color: var(--bs-slate-border-subtle);
    --bs-accordion-btn-color: var(--bs-slate-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-slate-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-slate-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-slate-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-slate-text-emphasis);
    --bs-accordion-active-bg: var(--bs-slate-bg-subtle);
}

.accordion-stone {
    --bs-accordion-color: var(--bs-stone-text-emphasis);
    --bs-accordion-bg: var(--bs-stone-bg-subtle);
    --bs-accordion-border-color: var(--bs-stone-border-subtle);
    --bs-accordion-btn-color: var(--bs-stone-text-emphasis);
    --bs-accordion-btn-bg: var(--bs-stone-bg-subtle);
    --bs-accordion-btn-focus-border-color: var(--bs-stone-border-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-stone-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-stone-text-emphasis);
    --bs-accordion-active-bg: var(--bs-stone-bg-subtle);
}

/* =============================================================================
   OFFCANVAS VARIANTS
   ============================================================================= */

.offcanvas-violet {
    --bs-offcanvas-color: var(--bs-violet-text-emphasis);
    --bs-offcanvas-bg: var(--bs-violet-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-violet-border-subtle);
}

.offcanvas-lime {
    --bs-offcanvas-color: var(--bs-lime-text-emphasis);
    --bs-offcanvas-bg: var(--bs-lime-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-lime-border-subtle);
}

.offcanvas-rose {
    --bs-offcanvas-color: var(--bs-rose-text-emphasis);
    --bs-offcanvas-bg: var(--bs-rose-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-rose-border-subtle);
}

.offcanvas-amber {
    --bs-offcanvas-color: var(--bs-amber-text-emphasis);
    --bs-offcanvas-bg: var(--bs-amber-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-amber-border-subtle);
}

.offcanvas-emerald {
    --bs-offcanvas-color: var(--bs-emerald-text-emphasis);
    --bs-offcanvas-bg: var(--bs-emerald-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-emerald-border-subtle);
}

.offcanvas-sky {
    --bs-offcanvas-color: var(--bs-sky-text-emphasis);
    --bs-offcanvas-bg: var(--bs-sky-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-sky-border-subtle);
}

.offcanvas-slate {
    --bs-offcanvas-color: var(--bs-slate-text-emphasis);
    --bs-offcanvas-bg: var(--bs-slate-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-slate-border-subtle);
}

.offcanvas-stone {
    --bs-offcanvas-color: var(--bs-stone-text-emphasis);
    --bs-offcanvas-bg: var(--bs-stone-bg-subtle);
    --bs-offcanvas-border-color: var(--bs-stone-border-subtle);
}

/* =============================================================================
   TOAST VARIANTS
   ============================================================================= */

.toast-violet {
    --bs-toast-color: var(--bs-violet-text-emphasis);
    --bs-toast-bg: var(--bs-violet-bg-subtle);
    --bs-toast-border-color: var(--bs-violet-border-subtle);
}

.toast-lime {
    --bs-toast-color: var(--bs-lime-text-emphasis);
    --bs-toast-bg: var(--bs-lime-bg-subtle);
    --bs-toast-border-color: var(--bs-lime-border-subtle);
}

.toast-rose {
    --bs-toast-color: var(--bs-rose-text-emphasis);
    --bs-toast-bg: var(--bs-rose-bg-subtle);
    --bs-toast-border-color: var(--bs-rose-border-subtle);
}

.toast-amber {
    --bs-toast-color: var(--bs-amber-text-emphasis);
    --bs-toast-bg: var(--bs-amber-bg-subtle);
    --bs-toast-border-color: var(--bs-amber-border-subtle);
}

.toast-emerald {
    --bs-toast-color: var(--bs-emerald-text-emphasis);
    --bs-toast-bg: var(--bs-emerald-bg-subtle);
    --bs-toast-border-color: var(--bs-emerald-border-subtle);
}

.toast-sky {
    --bs-toast-color: var(--bs-sky-text-emphasis);
    --bs-toast-bg: var(--bs-sky-bg-subtle);
    --bs-toast-border-color: var(--bs-sky-border-subtle);
}

.toast-slate {
    --bs-toast-color: var(--bs-slate-text-emphasis);
    --bs-toast-bg: var(--bs-slate-bg-subtle);
    --bs-toast-border-color: var(--bs-slate-border-subtle);
}

.toast-stone {
    --bs-toast-color: var(--bs-stone-text-emphasis);
    --bs-toast-bg: var(--bs-stone-bg-subtle);
    --bs-toast-border-color: var(--bs-stone-border-subtle);
}

/* =============================================================================
   CARD VARIANTS
   ============================================================================= */

.card-violet {
    --bs-card-color: var(--bs-violet-text-emphasis);
    --bs-card-bg: var(--bs-violet-bg-subtle);
    --bs-card-border-color: var(--bs-violet-border-subtle);
}

.card-lime {
    --bs-card-color: var(--bs-lime-text-emphasis);
    --bs-card-bg: var(--bs-lime-bg-subtle);
    --bs-card-border-color: var(--bs-lime-border-subtle);
}

.card-rose {
    --bs-card-color: var(--bs-rose-text-emphasis);
    --bs-card-bg: var(--bs-rose-bg-subtle);
    --bs-card-border-color: var(--bs-rose-border-subtle);
}

.card-amber {
    --bs-card-color: var(--bs-amber-text-emphasis);
    --bs-card-bg: var(--bs-amber-bg-subtle);
    --bs-card-border-color: var(--bs-amber-border-subtle);
}

.card-emerald {
    --bs-card-color: var(--bs-emerald-text-emphasis);
    --bs-card-bg: var(--bs-emerald-bg-subtle);
    --bs-card-border-color: var(--bs-emerald-border-subtle);
}

.card-sky {
    --bs-card-color: var(--bs-sky-text-emphasis);
    --bs-card-bg: var(--bs-sky-bg-subtle);
    --bs-card-border-color: var(--bs-sky-border-subtle);
}

.card-slate {
    --bs-card-color: var(--bs-slate-text-emphasis);
    --bs-card-bg: var(--bs-slate-bg-subtle);
    --bs-card-border-color: var(--bs-slate-border-subtle);
}

.card-stone {
    --bs-card-color: var(--bs-stone-text-emphasis);
    --bs-card-bg: var(--bs-stone-bg-subtle);
    --bs-card-border-color: var(--bs-stone-border-subtle);
}

/* =============================================================================
   NAVBAR VARIANTS
   ============================================================================= */

.navbar-violet {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-violet) !important;
}

.navbar-lime {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-lime) !important;
}

.navbar-rose {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-rose) !important;
}

.navbar-amber {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-amber) !important;
}

.navbar-emerald {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-emerald) !important;
}

.navbar-sky {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-sky) !important;
}

.navbar-slate {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-slate) !important;
}

.navbar-stone {
    --bs-navbar-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-hover-color: rgba(var(--bs-white-rgb), 0.75);
    --bs-navbar-disabled-color: rgba(var(--bs-white-rgb), 0.25);
    --bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-white-rgb), 1);
    --bs-navbar-toggler-color: rgba(var(--bs-white-rgb), 0.55);
    --bs-navbar-toggler-border-color: rgba(var(--bs-white-rgb), 0.1);
    background-color: var(--bs-stone) !important;
}