:root {
    --app-theme-1: #072ac8;
    --app-theme-1-rgb: 7, 42, 200;
    --app-theme-2: #1e96fc;
    --app-theme-2-rgb: 30, 150, 252;
    --app-theme-3: #a2d6f9;
    --app-theme-3-rgb: 162, 214, 249;
    --app-theme-4: #fcf300;
    --app-theme-4-rgb: 252, 243, 0;
    --app-theme-5: #ffc600;
    --app-theme-5-rgb: 255, 198, 0;
}

.bg-theme-1 {
    background-color: rgba(var(--app-theme-1-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-2 {
    background-color: rgba(var(--app-theme-2-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-3 {
    background-color: rgba(var(--app-theme-3-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-4 {
    background-color: rgba(var(--app-theme-4-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-5 {
    background-color: rgba(var(--app-theme-5-rgb), var(--bs-bg-opacity, 1)) !important;
}

.border-theme-1 {
    border-color: rgba(var(--app-theme-1-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-theme-2 {
    border-color: rgba(var(--app-theme-2-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-theme-3 {
    border-color: rgba(var(--app-theme-3-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-theme-4 {
    border-color: rgba(var(--app-theme-4-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-theme-5 {
    border-color: rgba(var(--app-theme-5-rgb), var(--bs-border-opacity, 1)) !important;
}

.text-theme-1 {
    color: rgba(var(--app-theme-1-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-theme-2 {
    color: rgba(var(--app-theme-2-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-theme-3 {
    color: rgba(var(--app-theme-3-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-theme-4 {
    color: rgba(var(--app-theme-4-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-theme-5 {
    color: rgba(var(--app-theme-5-rgb), var(--bs-text-opacity, 1)) !important;
}