:root {
    --bs-primary: 63, 120, 224;
    --bs-secondary: 239, 63, 110;
    --bs-pale: .16;
    --bs-soft: .07;
}

/* 
    | PALETA DE CORES [SANDBOX] | 
YELLOW:
    --bs-primary: 250, 183, 88;
    --bs-secondary: 250, 183, 88;

ORANGE:
    --bs-primary: 247, 139, 119;
    --bs-secondary: 247, 139, 119;

RED:
    --bs-primary: 226, 98, 107;
    --bs-secondary: 226, 98, 107;

PINK:
    --bs-primary: 209, 107, 134;
    --bs-secondary: 209, 107, 134;

VIOLET:
    --bs-primary: 160, 124, 197;
    --bs-secondary: 160, 124, 197;

PURPLE:
    --bs-primary: 116, 126, 209;
    --bs-secondary: 116, 126, 209;

BLUE:
    --bs-primary: 63, 120, 224;
    --bs-secondary: 63, 120, 224;

AQUA:
    --bs-primary: 84, 168, 199;
    --bs-secondary: 84, 168, 199;

GREEN:
    --bs-primary: 69, 196, 160;
    --bs-secondary: 69, 196, 160;

LEAF:
    --bs-primary: 124, 183, 152;
    --bs-secondary: 124, 183, 152;

ASH:
    --bs-primary: 148, 153, 163;
    --bs-secondary: 148, 153, 163;

NAVY:
    --bs-primary: 52, 63, 82;
    --bs-secondary: 52, 63, 82;

FUCHSIA:
    --bs-primary: 230, 104, 179;
    --bs-secondary: 230, 104, 179;

SKY:
    --bs-primary: 94, 185, 240;
    --bs-secondary: 94, 185, 240;

GRAPE:
    --bs-primary: 96, 93, 186;
    --bs-secondary: 96, 93, 186;
*/

:root {
    --bs-blue-rgb: 63, 120, 224;
    --bs-sky-rgb: 94, 185, 240;
    --bs-purple-rgb: 116, 126, 209;
    --bs-grape-rgb: 96, 93, 186;
    --bs-violet-rgb: 160, 124, 197;
    --bs-pink-rgb: 209, 107, 134;
    --bs-fuchsia-rgb: 230, 104, 179;
    --bs-red-rgb: 226, 98, 107;
    --bs-orange-rgb: 247, 139, 119;
    --bs-yellow-rgb: 250, 183, 88;
    /*--bs-green-rgb: 69, 196, 160;*/
    --bs-green-rgb: 46, 179, 106;
    --bs-aqua-rgb: 84, 168, 199;
    --bs-navy-rgb: 52, 63, 82;
    --bs-ash-rgb: 148, 153, 163;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-soft-blue {
    background-color: rgba(var(--bs-blue-rgb), var(--bs-soft)) !important;
}

.text-soft-blue {
    color: rgba(var(--bs-blue-rgb), var(--bs-soft)) !important;
}

.bg-soft-sky {
    background-color: rgba(var(--bs-sky-rgb), var(--bs-soft)) !important;
}

.text-soft-sky {
    color: rgba(var(--bs-sky-rgb), var(--bs-soft)) !important;
}

.bg-soft-purple {
    background-color: rgba(var(--bs-purple-rgb), var(--bs-soft)) !important;
}

.text-soft-purple {
    color: rgba(var(--bs-purple-rgb), var(--bs-soft)) !important;
}

.bg-soft-grape {
    background-color: rgba(var(--bs-grape-rgb), var(--bs-soft)) !important;
}

.text-soft-grape {
    color: rgba(var(--bs-grape-rgb), var(--bs-soft)) !important;
}

.bg-soft-violet {
    background-color: rgba(var(--bs-violet-rgb), var(--bs-soft)) !important;
}

.text-soft-violet {
    color: rgba(var(--bs-violet-rgb), var(--bs-soft)) !important;
}

.bg-soft-pink {
    background-color: rgba(var(--bs-pink-rgb), var(--bs-soft)) !important;
}

.text-soft-pink {
    color: rgba(var(--bs-pink-rgb), var(--bs-soft)) !important;
}

.bg-soft-fuchsia {
    background-color: rgba(var(--bs-fuchsia-rgb), var(--bs-soft)) !important;
}

.text-soft-fuchsia {
    color: rgba(var(--bs-fuchsia-rgb), var(--bs-soft)) !important;
}

.bg-soft-red {
    background-color: rgba(var(--bs-red-rgb), var(--bs-soft)) !important;
}

.text-soft-red {
    color: rgba(var(--bs-red-rgb), var(--bs-soft)) !important;
}

.bg-soft-orange {
    background-color: rgba(var(--bs-orange-rgb), var(--bs-soft)) !important;
}

.text-soft-orange {
    color: rgba(var(--bs-orange-rgb), var(--bs-soft)) !important;
}

.bg-soft-green {
    background-color: rgba(var(--bs-green-rgb), var(--bs-soft)) !important;
}

.text-soft-green {
    color: rgba(var(--bs-green-rgb), var(--bs-soft)) !important;
}

.bg-soft-leaf {
    background-color: rgba(var(--bs-leaf-rgb), var(--bs-soft)) !important;
}

.text-soft-leaf {
    color: rgba(var(--bs-leaf-rgb), var(--bs-soft)) !important;
}

.bg-soft-aqua {
    background-color: rgba(var(--bs-aqua-rgb), var(--bs-soft)) !important;
}

.text-soft-aqua {
    color: rgba(var(--bs-aqua-rgb), var(--bs-soft)) !important;
}

.bg-soft-navy {
    background-color: rgba(var(--bs-navy-rgb), var(--bs-soft)) !important;
}

.text-soft-navy {
    color: rgba(var(--bs-navy-rgb), var(--bs-soft)) !important;
}

.bg-soft-ash {
    background-color: rgba(var(--bs-ash-rgb), var(--bs-soft)) !important;
}

.text-soft-ash {
    color: rgba(var(--bs-ash-rgb), var(--bs-soft)) !important;
}

.bg-pale-blue {
    background-color: rgba(var(--bs-blue-rgb), var(--bs-pale)) !important;
}

.text-pale-blue {
    color: rgba(var(--bs-blue-rgb), var(--bs-pale)) !important;
}

.bg-pale-sky {
    background-color: rgba(var(--bs-sky-rgb), var(--bs-pale)) !important;
}

.text-pale-sky {
    color: rgba(var(--bs-sky-rgb), var(--bs-pale)) !important;
}

.bg-pale-purple {
    background-color: rgba(var(--bs-purple-rgb), var(--bs-pale)) !important;
}

.text-pale-purple {
    color: rgba(var(--bs-purple-rgb), var(--bs-pale)) !important;
}

.bg-pale-grape {
    background-color: rgba(var(--bs-grape-rgb), var(--bs-pale)) !important;
}

.text-pale-grape {
    color: rgba(var(--bs-grape-rgb), var(--bs-pale)) !important;
}

.bg-pale-violet {
    background-color: rgba(var(--bs-violet-rgb), var(--bs-pale)) !important;
}

.text-pale-violet {
    color: rgba(var(--bs-violet-rgb), var(--bs-pale)) !important;
}

.bg-pale-pink {
    background-color: rgba(var(--bs-pink-rgb), var(--bs-pale)) !important;
}

.text-pale-pink {
    color: rgba(var(--bs-pink-rgb), var(--bs-pale)) !important;
}

.bg-pale-fuchsia {
    background-color: rgba(var(--bs-fuchsia-rgb), var(--bs-pale)) !important;
}

.text-pale-fuchsia {
    color: rgba(var(--bs-fuchsia-rgb), var(--bs-pale)) !important;
}

.bg-pale-red {
    background-color: rgba(var(--bs-red-rgb), var(--bs-pale)) !important;
}

.text-pale-red {
    color: rgba(var(--bs-red-rgb), var(--bs-pale)) !important;
}

.bg-pale-orange {
    background-color: rgba(var(--bs-orange-rgb), var(--bs-pale)) !important;
}

.text-pale-orange {
    color: rgba(var(--bs-orange-rgb), var(--bs-pale)) !important;
}

.bg-pale-yellow {
    background-color: rgba(var(--bs-yellow-rgb), var(--bs-pale)) !important;
}

.text-pale-yellow {
    color: rgba(var(--bs-yellow-rgb), var(--bs-pale)) !important;
}

.bg-pale-green {
    background-color: rgba(var(--bs-green-rgb), var(--bs-pale)) !important;
}

.text-pale-green {
    color: rgba(var(--bs-green-rgb), var(--bs-pale)) !important;
}

.bg-pale-leaf {
    background-color: rgba(var(--bs-leaf-rgb), var(--bs-pale)) !important;
}

.text-pale-leaf {
    color: rgba(var(--bs-leaf-rgb), var(--bs-pale)) !important;
}

.bg-pale-aqua {
    background-color: rgba(var(--bs-aqua-rgb), var(--bs-pale)) !important;
}

.text-pale-aqua {
    color: rgba(var(--bs-aqua-rgb), var(--bs-pale)) !important;
}

.bg-pale-navy {
    background-color: rgba(var(--bs-navy-rgb), var(--bs-pale)) !important;
}

.text-pale-navy {
    color: rgba(var(--bs-navy-rgb), var(--bs-pale)) !important;
}

.bg-pale-ash {
    background-color: rgba(var(--bs-ash-rgb), var(--bs-pale)) !important;
}

.text-pale-ash {
    color: rgba(var(--bs-ash-rgb), var(--bs-pale)) !important;
}


/* CLASSES LIMITLESS */

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

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

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

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

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

.btn-primary {
    background-color: rgb(var(--bs-primary)) !important;
    border-color: rgb(var(--bs-primary)) !important;
}

.btn-secondary {
    background-color: rgb(var(--bs-secondary)) !important;
    border-color: rgb(var(--bs-secondary)) !important;
}

.btn-success {
    background-color: rgb(var(--bs-green-rgb)) !important;
    border-color: rgb(var(--bs-green-rgb)) !important;
}

.btn-danger {
    background-color: rgb(var(--bs-red-rgb)) !important;
    border-color: rgb(var(--bs-red-rgb)) !important;
}

.btn-warning {
    background-color: rgb(var(--bs-yellow-rgb)) !important;
    border-color: rgb(var(--bs-yellow-rgb)) !important;
}

    .btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-warning:hover, .btn-danger:hover {
        filter: brightness(0.9) !important;
    }

.btn-outline-primary {
    background-color: transparent !important;
    border-color: rgb(var(--bs-primary)) !important;
    color: rgb(var(--bs-primary)) !important;
}

    .btn-outline-primary:hover {
        background-color: rgb(var(--bs-primary)) !important;
        border-color: rgb(var(--bs-primary)) !important;
        color: white !important;
    }

.btn-outline-secondary {
    background-color: transparent !important;
    border-color: rgb(var(--bs-secondary)) !important;
    color: rgb(var(--bs-secondary)) !important;
}

    .btn-outline-secondary:hover {
        background-color: rgb(var(--bs-secondary)) !important;
        border-color: rgb(var(--bs-secondary)) !important;
        color: white !important;
    }


.btn-outline-success {
    background-color: transparent !important;
    border-color: rgb(var(--bs-green-rgb)) !important;
    color: rgb(var(--bs-green-rgb)) !important;
}

    .btn-outline-success:hover {
        background-color: rgb(var(--bs-green-rgb)) !important;
        border-color: rgb(var(--bs-green-rgb)) !important;
        color: white !important;
    }

.btn-outline-danger {
    background-color: transparent !important;
    border-color: rgb(var(--bs-red-rgb)) !important;
    color: rgb(var(--bs-red-rgb)) !important;
}

    .btn-outline-danger:hover {
        background-color: rgb(var(--bs-red-rgb)) !important;
        border-color: rgb(var(--bs-red-rgb)) !important;
        color: white !important;
    }

.btn-outline-warning {
    background-color: transparent !important;
    border-color: rgb(var(--bs-yellow-rgb)) !important;
    color: rgb(var(--bs-yellow-rgb)) !important;
}

    .btn-outline-warning:hover {
        background-color: rgb(var(--bs-yellow-rgb)) !important;
        border-color: rgb(var(--bs-yellow-rgb)) !important;
        color: white !important;
    }

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

.bg-pale-primary {
    background-color: rgba(var(--bs-primary), var(--bs-pale)) !important;
}

.bg-soft-primary {
    background-color: rgba(var(--bs-primary), var(--bs-soft)) !important;
}

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

.bg-pale-secondary {
    background-color: rgba(var(--bs-secondary), var(--bs-pale)) !important;
}

.bg-soft-secondary {
    background-color: rgba(var(--bs-secondary), var(--bs-soft)) !important;
}

.bg-success {
    /*--bg-opacity: 1;*/
    background-color: rgba(var(--bs-green-rgb), var(--bg-opacity)) !important;
}

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

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

.border-primary {
    border-color: rgb(var(--bs-primary)) !important;
}

.border-pale-primary {
    border-color: rgba(var(--bs-primary), var(--bs-pale)) !important;
}

.border-soft-primary {
    border-color: rgba(var(--bs-primary), var(--bs-soft)) !important;
}

.border-secondary {
    border-color: rgb(var(--bs-primary)) !important;
}

.border-pale-secondary {
    border-color: rgba(var(--bs-secondary), var(--bs-pale)) !important;
}

.border-soft-secondary {
    border-color: rgba(var(--bs-secondary), var(--bs-soft)) !important;
}

/* CLASSES DE OPACIDADE */

.bg-opacity-75 {
    --bg-opacity: .75;
}

.bg-opacity-50 {
    --bg-opacity: .5;
}

.bg-opacity-25 {
    --bg-opacity: .25;
}

.bg-opacity-5 {
    --bg-opacity: .05;
}

.text-opacity-75 {
    --text-opacity: .75;
}

.text-opacity-50 {
    --text-opacity: .5;
}

.text-opacity-25 {
    --text-opacity: .25;
}

.text-opacity-5 {
    --text-opacity: .05;
}