/* ---------------------------------------------------
   UTILITY CLASS OVERRIDES PER THEME
--------------------------------------------------- */

/* 1. Cohesive Dark (Needs brighter, neon-tinted colors to pop against dark backgrounds) */
[data-container-theme="cohesivedark"] .text-success {
    color: #4ade80 !important; /* Bright mint green */
}

[data-container-theme="cohesivedark"] .text-danger {
    color: #f87171 !important; /* Soft, bright coral red */
}

[data-container-theme="cohesivedark"] .text-warning {
    color: #fbbf24 !important; /* Bright mustard yellow */
}


/* 2. Blue Orchid (Needs slightly cooler, deeper colors to match the purple/blue hues) */
[data-container-theme="blueorchid"] .text-success {
    color: #059669 !important; /* Deep emerald green */
}

[data-container-theme="blueorchid"] .text-danger {
    color: #e11d48 !important; /* Deep crimson red */
}


/* 3. Basic White (Can use standard dark/rich colors) */
[data-container-theme="basicwhite"] .text-success {
    color: #15803d !important; /* Standard rich green */
}

[data-container-theme="basicwhite"] .text-danger {
    color: #b91c1c !important; /* Standard rich red */
}

/* 4. Default Modern Slate (Light mode defaults) */
[data-container-theme="default"] .text-success {
    color: #16a34a !important;
}

[data-container-theme="default"] .text-danger {
    color: #dc2626 !important;
}


/* ---------------------------------------------------
   BUTTON CLASS OVERRIDES PER THEME
--------------------------------------------------- */
/* ---------------------------------------------------
   SUCCESS, AND DANGER BUTTON OVERRIDES
--------------------------------------------------- */
/* 1. Cohesive Dark (Slightly brighter buttons to stand out in dark mode) */
[data-container-theme="cohesivedark"] .btn-success {
    --bs-btn-bg: #10b981;
    --bs-btn-border-color: #10b981;
    --bs-btn-hover-bg: #059669;
    --bs-btn-hover-border-color: #059669;
    --bs-btn-color: #ffffff;
}

[data-container-theme="cohesivedark"] .btn-danger {
    --bs-btn-bg: #ef4444;
    --bs-btn-border-color: #ef4444;
    --bs-btn-hover-bg: #dc2626;
    --bs-btn-hover-border-color: #dc2626;
    --bs-btn-color: #ffffff;
}

/* 2. Blue Orchid (Cooler, deeper tones) */
[data-container-theme="blueorchid"] .btn-success {
    --bs-btn-bg: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-bg: #047857;
    --bs-btn-hover-border-color: #047857;
    --bs-btn-color: #ffffff;
}

[data-container-theme="blueorchid"] .btn-danger {
    --bs-btn-bg: #e11d48;
    --bs-btn-border-color: #e11d48;
    --bs-btn-hover-bg: #be123c;
    --bs-btn-hover-border-color: #be123c;
    --bs-btn-color: #ffffff;
}

/* 3. Basic White (Standard, rich colors) */
[data-container-theme="basicwhite"] .btn-success {
    --bs-btn-bg: #15803d;
    --bs-btn-border-color: #15803d;
    --bs-btn-hover-bg: #166534;
    --bs-btn-hover-border-color: #166534;
    --bs-btn-color: #ffffff;
}

[data-container-theme="basicwhite"] .btn-danger {
    --bs-btn-bg: #b91c1c;
    --bs-btn-border-color: #b91c1c;
    --bs-btn-hover-bg: #991b1b;
    --bs-btn-hover-border-color: #991b1b;
    --bs-btn-color: #ffffff;
}

/* 4. Default Modern Slate (Bootstrap Defaults) */
[data-container-theme="default"] .btn-success {
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #157347;
    --bs-btn-color: #ffffff;
}

[data-container-theme="default"] .btn-danger {
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-color: #ffffff;
}

/* ---------------------------------------------------
   PRIMARY, WARNING, AND INFO BUTTON OVERRIDES
--------------------------------------------------- */

/* 1. Cohesive Dark (Vibrant and high contrast for dark mode) */
[data-container-theme="cohesivedark"] .btn-primary {
    --bs-btn-bg: #3b82f6;
    --bs-btn-border-color: #3b82f6;
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
    --bs-btn-color: #ffffff;
}

[data-container-theme="cohesivedark"] .btn-warning {
    --bs-btn-bg: #f59e0b;
    --bs-btn-border-color: #f59e0b;
    --bs-btn-hover-bg: #d97706;
    --bs-btn-hover-border-color: #d97706;
    --bs-btn-color: #111827; /* Dark text for readability on yellow */
}

[data-container-theme="cohesivedark"] .btn-info {
    --bs-btn-bg: #06b6d4;
    --bs-btn-border-color: #06b6d4;
    --bs-btn-hover-bg: #0891b2;
    --bs-btn-hover-border-color: #0891b2;
    --bs-btn-color: #ffffff;
}

/* 2. Blue Orchid (Cooler indigo, teal, and amber for contrast) */
[data-container-theme="blueorchid"] .btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4338ca;
    --bs-btn-hover-border-color: #4338ca;
    --bs-btn-color: #ffffff;
}

[data-container-theme="blueorchid"] .btn-warning {
    --bs-btn-bg: #d97706;
    --bs-btn-border-color: #d97706;
    --bs-btn-hover-bg: #b45309;
    --bs-btn-hover-border-color: #b45309;
    --bs-btn-color: #ffffff;
}

[data-container-theme="blueorchid"] .btn-info {
    --bs-btn-bg: #0891b2;
    --bs-btn-border-color: #0891b2;
    --bs-btn-hover-bg: #0e7490;
    --bs-btn-hover-border-color: #0e7490;
    --bs-btn-color: #ffffff;
}

/* 3. Basic White (Standard, crisp Bootstrap-style colors) */
[data-container-theme="basicwhite"] .btn-primary {
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-color: #ffffff;
}

[data-container-theme="basicwhite"] .btn-warning {
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-color: #000000;
}

[data-container-theme="basicwhite"] .btn-info {
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-color: #000000;
}

/* 4. Default Modern Slate (Slightly muted, modern tones) */
[data-container-theme="default"] .btn-primary {
    --bs-btn-bg: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-bg: #1d4ed8;
    --bs-btn-hover-border-color: #1d4ed8;
    --bs-btn-color: #ffffff;
}

[data-container-theme="default"] .btn-warning {
    --bs-btn-bg: #eab308;
    --bs-btn-border-color: #eab308;
    --bs-btn-hover-bg: #ca8a04;
    --bs-btn-hover-border-color: #ca8a04;
    --bs-btn-color: #111827;
}

[data-container-theme="default"] .btn-info {
    --bs-btn-bg: #0ea5e9;
    --bs-btn-border-color: #0ea5e9;
    --bs-btn-hover-bg: #0284c7;
    --bs-btn-hover-border-color: #0284c7;
    --bs-btn-color: #ffffff;
}

/* ---------------------------------------------------
   OUTLINE BUTTON CLASS OVERRIDES PER THEME
--------------------------------------------------- */

/* ---------------------------------------------------
   SUCCESS AND DANGER OUTLINE BUTTONS
--------------------------------------------------- */

/* 1. Cohesive Dark */
[data-container-theme="cohesivedark"] .btn-outline-success {
    --bs-btn-color: #10b981;
    --bs-btn-border-color: #10b981;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #10b981;
    --bs-btn-hover-border-color: #10b981;
}

[data-container-theme="cohesivedark"] .btn-outline-danger {
    --bs-btn-color: #ef4444;
    --bs-btn-border-color: #ef4444;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #ef4444;
    --bs-btn-hover-border-color: #ef4444;
}

/* 2. Blue Orchid */
[data-container-theme="blueorchid"] .btn-outline-success {
    --bs-btn-color: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #059669;
    --bs-btn-hover-border-color: #059669;
}

[data-container-theme="blueorchid"] .btn-outline-danger {
    --bs-btn-color: #e11d48;
    --bs-btn-border-color: #e11d48;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #e11d48;
    --bs-btn-hover-border-color: #e11d48;
}

/* 3. Basic White */
[data-container-theme="basicwhite"] .btn-outline-success {
    --bs-btn-color: #15803d;
    --bs-btn-border-color: #15803d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #15803d;
    --bs-btn-hover-border-color: #15803d;
}

[data-container-theme="basicwhite"] .btn-outline-danger {
    --bs-btn-color: #b91c1c;
    --bs-btn-border-color: #b91c1c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #b91c1c;
    --bs-btn-hover-border-color: #b91c1c;
}

/* 4. Default Modern Slate */
[data-container-theme="default"] .btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
}

[data-container-theme="default"] .btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
}

/* ---------------------------------------------------
   PRIMARY, WARNING, AND INFO OUTLINE BUTTONS
--------------------------------------------------- */

/* 1. Cohesive Dark */
[data-container-theme="cohesivedark"] .btn-outline-primary {
    --bs-btn-color: #3b82f6;
    --bs-btn-border-color: #3b82f6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3b82f6;
    --bs-btn-hover-border-color: #3b82f6;
}

[data-container-theme="cohesivedark"] .btn-outline-warning {
    --bs-btn-color: #f59e0b;
    --bs-btn-border-color: #f59e0b;
    --bs-btn-hover-color: #111827;
    --bs-btn-hover-bg: #f59e0b;
    --bs-btn-hover-border-color: #f59e0b;
}

[data-container-theme="cohesivedark"] .btn-outline-info {
    --bs-btn-color: #06b6d4;
    --bs-btn-border-color: #06b6d4;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #06b6d4;
    --bs-btn-hover-border-color: #06b6d4;
}

/* 2. Blue Orchid */
[data-container-theme="blueorchid"] .btn-outline-primary {
    --bs-btn-color: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #4f46e5;
    --bs-btn-hover-border-color: #4f46e5;
}

[data-container-theme="blueorchid"] .btn-outline-warning {
    --bs-btn-color: #d97706;
    --bs-btn-border-color: #d97706;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #d97706;
    --bs-btn-hover-border-color: #d97706;
}

[data-container-theme="blueorchid"] .btn-outline-info {
    --bs-btn-color: #0891b2;
    --bs-btn-border-color: #0891b2;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0891b2;
    --bs-btn-hover-border-color: #0891b2;
}

/* 3. Basic White */
[data-container-theme="basicwhite"] .btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
}

[data-container-theme="basicwhite"] .btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
}

[data-container-theme="basicwhite"] .btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
}

/* 4. Default Modern Slate */
[data-container-theme="default"] .btn-outline-primary {
    --bs-btn-color: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
}

[data-container-theme="default"] .btn-outline-warning {
    --bs-btn-color: #eab308;
    --bs-btn-border-color: #eab308;
    --bs-btn-hover-color: #111827;
    --bs-btn-hover-bg: #eab308;
    --bs-btn-hover-border-color: #eab308;
}

[data-container-theme="default"] .btn-outline-info {
    --bs-btn-color: #0ea5e9;
    --bs-btn-border-color: #0ea5e9;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0ea5e9;
    --bs-btn-hover-border-color: #0ea5e9;
}