:root {
    --app-1: 5, 64, 101;
    --app-2: 230, 173, 52;
    --slight-alpha: 0.1;
    --light-alpha: 0.3;
    --half-alpha: 0.5;
    --strong-alpha: 0.7;
}

.bg-app-1 {
    background-color: rgb(var(--app-1)) !important;
}

.rgba-bg-app-1-slight {
    background-color: rgba(var(--app-1), var(--slight-alpha)) !important;
}

.rgba-bg-app-1-light {
    background-color: rgba(var(--app-1), var(--light-alpha)) !important;
}

.rgba-bg-app-1-half {
    background-color: rgba(var(--app-1), var(--half-alpha)) !important;
}

.rgba-bg-app-1-strong {
    background-color: rgba(var(--app-1), var(--strong-alpha)) !important;
}

.text-app-1 {
    color: rgb(var(--app-1)) !important;
}

.bg-app-2 {
    background-color: rgb(var(--app-2)) !important;
}

.rgba-bg-app-2-slight {
    background-color: rgba(var(--app-2), var(--slight-alpha)) !important;
}

.rgba-bg-app-2-light {
    background-color: rgba(var(--app-2), var(--light-alpha)) !important;
}

.rgba-bg-app-2-half {
    background-color: rgba(var(--app-2), var(--half-alpha)) !important;
}

.rgba-bg-app-2-strong {
    background-color: rgba(var(--app-2), var(--strong-alpha)) !important;
}

.text-app-2 {
    color: rgb(var(--app-2)) !important;
}