/**** begin custom colors ****/
:root {
    --color-1: #141414;
    --color-2: #1e1e1e;
    --color-3: #2c2c2c;
    --color-4: #6f521e;
    --color-5: #b59456;
    --color-6: #ebcb80;
    --color-7: #2f0606;
    --color-8: #4a0608;
    --color-9: #f6171b;
    --color-10: #888888;

    --gradient-gold: linear-gradient(to bottom, var(--color-6), var(--color-4)) !important;
    --gradient-grey: linear-gradient(to bottom, var(--color-10), var(--color-3)) !important;
    --gradient-red: linear-gradient(to bottom, var(--color-9), var(--color-8)) !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-gold { background-image: var(--gradient-gold) !important; }
.bg-gradient-grey { background-image: var(--gradient-grey) !important; }
.bg-gradient-red { background-image: var(--gradient-red) !important; }

.bg-glass::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: rgba(131, 131, 131, 0.352);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
/**** endof custom background colors ****/



/**** begin custom button colors ****/
.border-gold {
    border-color: var(--color-2);
    box-shadow: 0 0 5px 2px var(--color-10);
}
.btn {
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.btn.btn-custom {
    padding: 5px 15px;
    background-image: var(--gradient-grey) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--white) !important;
    font-size: 14px;
    font-weight: 500 !important;
    outline: 0 !important;
}
/**** endof custom button colors ****/



/**** begin custom text colors ****/
.text-gold { color: var(--color-6) !important; }
.text-red { 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 ****/