:root {
    --bg-coral-subtle: #FFE0D6;
    /* deeper coral tint */
    --bg-teal-subtle: #CCF5F0;
    --bg-cyan-subtle: #CCF6FF;
    --bg-indigo-subtle: #DDE3FF;
    --bg-violet-subtle: #F0E0FF;
    --bg-lilac-subtle: #E9DDFF;
    --bg-rose-subtle: #FFDDE3;
    --bg-amber-subtle: #FFF3CC;
    --bg-olive-subtle: #E9F5D6;
    --bg-lime-subtle: #E6FFD6;
    --bg-mint-subtle: #D6FFF0;
    --bg-peach-subtle: #FFE5D6;
    --bg-sand-subtle: #FFF0E0;
    --bg-slate-subtle: #E6EBF2;
    --bg-smoke-subtle: #E0E6EB;
    --bg-glass-subtle: #E6F0FF;
    --bg-ocean-subtle: #D6EEFF;
    --bg-sunset-subtle: #FFE5D6;
    --bg-marigold-subtle: #FFF0CC;
    --bg-plum-subtle: #F0D6FF;

    /* Stronger text colors for contrast */
    --text-coral: #D9480F;
    --text-teal: #0D9488;
    --text-cyan: #0EA5C9;
    --text-indigo: #3730A3;
    --text-violet: #7C3AED;
    --text-lilac: #8B5CF6;
    --text-rose: #E11D48;
    --text-amber: #D97706;
    --text-olive: #556B2F;
    --text-lime: #65A30D;
    --text-mint: #10B981;
    --text-peach: #FB923C;
    --text-sand: #A16207;
    --text-slate: #334155;
    --text-smoke: #475569;
    --text-glass: #0F172A;
    --text-ocean: #0369A1;
    --text-sunset: #F97316;
    --text-marigold: #B45309;
    --text-plum: #6D28D9;
}

/* Background utilities */
.bg-coral-subtle {
    background-color: var(--bg-coral-subtle) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Text color utilities */
.text-coral {
    color: var(--text-coral) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Optional helper: ensure readable body text on subtle backgrounds */
.bg-coral-subtle .lead,
.bg-teal-subtle .lead,
.bg-cyan-subtle .lead,
.bg-indigo-subtle .lead,
.bg-violet-subtle .lead,
.bg-lilac-subtle .lead,
.bg-rose-subtle .lead,
.bg-amber-subtle .lead,
.bg-olive-subtle .lead,
.bg-lime-subtle .lead,
.bg-mint-subtle .lead,
.bg-peach-subtle .lead,
.bg-sand-subtle .lead,
.bg-slate-subtle .lead,
.bg-smoke-subtle .lead,
.bg-glass-subtle .lead,
.bg-ocean-subtle .lead,
.bg-sunset-subtle .lead,
.bg-marigold-subtle .lead,
.bg-plum-subtle .lead {
    color: inherit;
    font-weight: 600;
}

/* Text background utilities for custom colors */
.text-bg-coral {
    background-color: #D9480F !important;
    color: #fff !important;
}

.text-bg-teal {
    background-color: #0D9488 !important;
    color: #fff !important;
}

.text-bg-cyan {
    background-color: #0EA5C9 !important;
    color: #fff !important;
}

.text-bg-indigo {
    background-color: #3730A3 !important;
    color: #fff !important;
}

.text-bg-violet {
    background-color: #7C3AED !important;
    color: #fff !important;
}

.text-bg-lilac {
    background-color: #8B5CF6 !important;
    color: #fff !important;
}

.text-bg-rose {
    background-color: #E11D48 !important;
    color: #fff !important;
}

.text-bg-amber {
    background-color: #D97706 !important;
    color: #fff !important;
}

.text-bg-olive {
    background-color: #556B2F !important;
    color: #fff !important;
}

.text-bg-lime {
    background-color: #65A30D !important;
    color: #fff !important;
}

.text-bg-mint {
    background-color: #10B981 !important;
    color: #fff !important;
}

.text-bg-peach {
    background-color: #FB923C !important;
    color: #fff !important;
}

.text-bg-sand {
    background-color: #A16207 !important;
    color: #fff !important;
}

.text-bg-slate {
    background-color: #334155 !important;
    color: #fff !important;
}

.text-bg-smoke {
    background-color: #475569 !important;
    color: #fff !important;
}

.text-bg-glass {
    background-color: #0F172A !important;
    color: #fff !important;
}

.text-bg-ocean {
    background-color: #0369A1 !important;
    color: #fff !important;
}

.text-bg-sunset {
    background-color: #F97316 !important;
    color: #fff !important;
}

.text-bg-marigold {
    background-color: #B45309 !important;
    color: #fff !important;
}

.text-bg-plum {
    background-color: #6D28D9 !important;
    color: #fff !important;
}



.text-bg-success-1 {
    color: #fff !important;
    background-color: rgba(25, 135, 84);
}

/* custom select */
.hover-highlight:hover {
    background-color: #f8f9fa;
    /* Bootstrap light gray */
    color: #0d6efd;
    /* Bootstrap primary blue */
}

/* Ensure the cursor always shows it is clickable */
.cursor-pointer {
    cursor: pointer !important;
}

.fw-bold {
    font-weight: 700 !important;
}

@media (min-width:768px) {
    .w-md-90 {
        width: 90%;
    }

    [data-bs-theme=dark] {
        .border-md-start {
            border-left: 1px solid #333f55;
        }
    }

    [data-bs-theme=light] {
        .border-md-start {
            border-left: 1px solid #ebf1f6;
        }
    }
}