/**** begin custom colors ****/
:root {
    --color-1: #0b0b0b;
    --color-2: #262626;
    --color-3: #b59854;
    --color-4: #decdab;
    --color-5: #d4bf8e;
    --color-6: #d29e0d;
    --color-7: #fdd943;
    --color-8: #f9f8f9;
    --color-9: #f5f5f5;

    --gradient-gold: radial-gradient(var(--color-4), var(--color-3)) !important;
    --gold: linear-gradient(var(--color-7), var(--color-6)) !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: var(--gradient-gold) !important; }
.bg-gold { background-image: var(--gold) !important; }

.bg-glass {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/**** 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-warning {
    background-image: linear-gradient(to bottom, var(--color-7), var(--color-6)) !important;
    border-color: var(--color-3) !important;
    color: var(--color-2) !important;
    outline: none !important;
    box-shadow: none !important;
}
.btn.btn-danger {
    background-image: linear-gradient(to bottom, #ff0019, #7b0511) !important;
    outline: none !important;
    box-shadow: none !important;
}
.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 ****/