/**** begin custom colors ****/
:root {
    --color-1: #000000;
    --color-2: #1a1a1a;
    --color-3: #2b2b2b;
    --color-4: #ff5400;
    --color-5: #ff7b00;
    --color-6: #ffaa00;
    --color-7: #ffdd00;
    --color-8: #f5f5f5;
    --color-9: #f5f5f5;
    
    --gradient-1: linear-gradient(to bottom, var(--color-3), var(--color-2)) !important;
    --gradient-2: linear-gradient(to bottom, var(--color-6), var(--color-5)) !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-black {
    background-color: #000000 !important;
}

.bg-gradient {
    background-image: linear-gradient(to bottom, var(--color-6), var(--color-5));
}

.bg-gradient-1 { background-image: var(--gradient-1) !important; }
.bg-gradient-2 { background-image: var(--gradient-2) !important; }
/**** endof custom background colors ****/

/**** begin custom text colors ****/
.text-gold {
    color: #d00000 !important;
}
.text-success {
    color: #00ff3a !important;
}
/**** endof custom text colors ****/

/**** begin custom button colors ****/
.btn.btn-warning {
    background-image: linear-gradient(to bottom, var(--color-6), var(--color-5));
    border: 0;
}
/**** endof custom button colors ****/

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