﻿/* =========================================================
   Missing Bootstrap 5.3 Color Utilities
   Including:
   - standard
   - subtle
   - emphasis
   ========================================================= */

/* =========================================================
   INDIGO
   ========================================================= */

.text-indigo {
    color: var(--bs-indigo) !important;
}

.bg-indigo {
    background-color: var(--bs-indigo) !important;
}

.border-indigo {
    border-color: var(--bs-indigo) !important;
}

.text-indigo-emphasis {
    color: var(--bs-indigo) !important;
}

.bg-indigo-subtle {
    background-color: rgba(102, 16, 242, 0.15) !important;
}

.border-indigo-subtle {
    border-color: rgba(102, 16, 242, 0.3) !important;
}

/* =========================================================
   PURPLE
   ========================================================= */

.text-purple {
    color: var(--bs-purple) !important;
}

.bg-purple {
    background-color: var(--bs-purple) !important;
}

.border-purple {
    border-color: var(--bs-purple) !important;
}

.text-purple-emphasis {
    color: #432874 !important;
}

.bg-purple-subtle {
    background-color: rgba(111, 66, 193, 0.15) !important;
}

.border-purple-subtle {
    border-color: rgba(111, 66, 193, 0.3) !important;
}

/* =========================================================
   PINK
   ========================================================= */

.text-pink {
    color: var(--bs-pink) !important;
}

.bg-pink {
    background-color: var(--bs-pink) !important;
}

.border-pink {
    border-color: var(--bs-pink) !important;
}

.text-pink-emphasis {
    color: #801f4f !important;
}

.bg-pink-subtle {
    background-color: rgba(214, 51, 132, 0.15) !important;
}

.border-pink-subtle {
    border-color: rgba(214, 51, 132, 0.3) !important;
}

/* =========================================================
   ORANGE
   ========================================================= */

.text-orange {
    color: var(--bs-orange) !important;
}

.bg-orange {
    background-color: var(--bs-orange) !important;
}

.border-orange {
    border-color: var(--bs-orange) !important;
}

.text-orange-emphasis {
    color: #8a450b !important;
}

.bg-orange-subtle {
    background-color: rgba(253, 126, 20, 0.15) !important;
}

.border-orange-subtle {
    border-color: rgba(253, 126, 20, 0.3) !important;
}

/* =========================================================
   TEAL
   ========================================================= */

.text-teal {
    color: var(--bs-teal) !important;
}

.bg-teal {
    background-color: var(--bs-teal) !important;
}

.border-teal {
    border-color: var(--bs-teal) !important;
}

.text-teal-emphasis {
    color: #146c5a !important;
}

.bg-teal-subtle {
    background-color: rgba(32, 201, 151, 0.15) !important;
}

.border-teal-subtle {
    border-color: rgba(32, 201, 151, 0.3) !important;
}

/* =========================================================
   CYAN
   ========================================================= */

.text-cyan {
    color: var(--bs-cyan) !important;
}

.bg-cyan {
    background-color: var(--bs-cyan) !important;
}

.border-cyan {
    border-color: var(--bs-cyan) !important;
}

.text-cyan-emphasis {
    color: #087990 !important;
}

.bg-cyan-subtle {
    background-color: rgba(13, 202, 240, 0.15) !important;
}

.border-cyan-subtle {
    border-color: rgba(13, 202, 240, 0.3) !important;
}
