/**** begin custom colors ****/
:root {
    --color-1:  #0b090a;
    --color-2:  #2f3437;
    --color-3:  #6a040f;
    --color-4:  #9d0208;
    --color-5:  #d00000;
    --color-6:  #914f0c;
    --color-7:  #f48c06;
    --color-8:  #ffba08;
    --color-9:  #f5f5f5;
    --color-10: #f5f5f5;

    --gradient-gold: radial-gradient(var(--color-8), var(--color-7)) !important;
    --gradient-red: radial-gradient(var(--color-5), var(--color-4)) !important;
}
/**** endof custom colors ****/

/**** begin custom background colors ****/
.bg-color-1 { background-color: var(--color-1) !important; }
.bg-color-2 { background-color: var(--color-2) !important; }
.bg-color-3 { background-color: var(--color-3) !important; }
.bg-color-4 { background-color: var(--color-4) !important; }
.bg-color-5 { background-color: var(--color-5) !important; }
.bg-color-6 { background-color: var(--color-6) !important; }
.bg-color-7 { background-color: var(--color-7) !important; }
.bg-color-8 { background-color: var(--color-8) !important; }
.bg-color-9 { background-color: var(--color-9) !important; }
.bg-gradient-gold { background-image: linear-gradient(to bottom, var(--color-8), var(--color-7)) !important; }
.bg-gradient-red { background-image: linear-gradient(to bottom, var(--color-5), var(--color-4)) !important; }

.badge.badge-danger { background-color: var(--color-2) !important; }
/**** endof custom background colors ****/

/**** begin custom text colors ****/
.text-gold { color: var(--color-9) !important; }
/**** endof custom text colors ****/

/**** begin custom rtp-slot colors ****/
.yellow{
    background-color: #ffc107;
}
.green{
    background-color: #28a745;
}
.red{
    background-color: #dc3545;
}
/**** endof custom rtp-slot colors ****/

/**** begin custom button colors ****/
.btn.btn-dark {
    background-color: var(--color-2);
    background-image: linear-gradient(to bottom, var(--color-2), var(--color-1)) !important;
    outline: none !important;
    box-shadow: none !important;
}
/**** endof custom button colors ****/