```css
/* =========================
   PALET WARNA BARU
   Hitam + Krem + Kuning Kalem
   ========================= */

:root{
    --bg-main:#0f0f0f;
    --bg-secondary:#1a1a1a;
    --bg-soft:#232323;

    --text-main:#f3ead7;
    --text-soft:#cfc6b4;
    --text-muted:#9f9686;

    --cream:#e8dcc2;
    --cream-dark:#c9b89a;

    --yellow-soft:#d8c36a;
    --yellow-hover:#c9b04f;

    --border:#3a352d;
}

/* =========================
   GLOBAL
   ========================= */

body{
    background:var(--bg-main);
    color:var(--text-soft);
}

h1,h2,h3,h4,h5,h6{
    color:var(--cream);
}

p{
    color:var(--text-muted);
}

a{
    outline:0;
    color:var(--yellow-soft);
}

a:hover,
a:focus{
    color:var(--yellow-hover);
    text-decoration:none;
}

/* =========================
   HEADER & MENU
   ========================= */

.site-header{
    background:#121212;
    border-color:#1e1e1e;
}

.topbar-container{
    background:#111;
}

.top-menu>li>a{
    color:var(--cream-dark);
}

.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a{
    color:var(--yellow-soft);
}

.top-menu .game-list{
    background:rgba(15,15,15,.95);
    border-bottom:1px solid var(--border);
}

/* =========================
   SIDEBAR
   ========================= */

.standard-side-menu,
.standard-side-menu .menu-section{
    background:var(--bg-secondary);
}

.standard-side-menu a{
    background:var(--bg-secondary);
    color:var(--cream);
}

.standard-side-menu a:hover,
.standard-side-menu a[data-active="true"]{
    background:#2a241d;
    color:var(--yellow-soft);
}

/* =========================
   BUTTON
   ========================= */

.play-now,
.standard-button-group .btn-primary,
.modal-footer .btn-primary,
.login-panel .register-button{
    background:linear-gradient(to bottom,#e6d7a8 0%, #cdbd74 100%);
    color:#1a1a1a;
    border:none;
}

.play-now:hover,
.standard-button-group .btn-primary:hover,
.modal-footer .btn-primary:hover,
.login-panel .register-button:hover{
    background:linear-gradient(to bottom,#cdbd74 0%, #e6d7a8 100%);
    color:#000;
}

.free-play,
.modal-btn.blank{
    background:linear-gradient(to bottom,#5c5c5c 0%, #3d3d3d 100%);
    color:#fff;
}

/* =========================
   FORM
   ========================= */

.form-control{
    background:#111;
    border-color:var(--border);
    color:var(--cream);
}

.form-control:focus{
    border-color:var(--yellow-soft);
    box-shadow:0 0 0 2px rgba(216,195,106,.15);
}

/* =========================
   CARD / PANEL
   ========================= */

.panel,
.standard-form-container,
.standard-form-content,
.modal-content,
.provider-info,
.large-game-list-container{
    background:var(--bg-secondary);
    color:var(--text-soft);
}

.panel-default>.panel-heading,
.info-center-content-title{
    background:#252525;
    color:var(--cream);
}

/* =========================
   GAME ITEM
   ========================= */

.game-list,
.game-list-title{
    background:#141414;
}

.game-list .game-item{
    background:#1b1b1b;
}

.game-list .game-name,
.slots-games-container .game-name,
.casino-games-container .game-name{
    background:#bcae74;
    color:#111;
}

/* =========================
   SPORTS
   ========================= */

.sports-container,
.sports-matches-container{
    background:#101010;
}

.sport-match-item{
    background:linear-gradient(to bottom,#d9cc98 0%, #b9aa6a 100%);
    color:#111;
}

.sport-match-item .match-info-container{
    background:#1c1c1c;
}

.sport-match-item .match-teams{
    color:var(--cream);
}

/* =========================
   LOGIN PANEL
   ========================= */

.login-panel{
    color:var(--cream);
}

.login-panel input[type=text],
.login-panel input[type=password]{
    background:#0c0c0c;
    border-color:#8f845d;
    color:var(--cream);
}

.login-panel .login-button{
    background:linear-gradient(to bottom,#5d5d5d 0%, #404040 100%);
    color:#fff;
}

/* =========================
   MODAL
   ========================= */

.modal-header{
    border-bottom-color:#2f2f2f;
}

.modal-title{
    color:var(--yellow-soft);
}

.modal-body p{
    color:var(--text-soft);
}

.modal-footer{
    border-top-color:#2f2f2f;
}

/* =========================
   FOOTER
   ========================= */

.site-footer{
    background:#101010;
    border-top:1px solid #1f1f1f;
}

.footer-links>li>a{
    color:var(--cream-dark);
}

.footer-links>li>a:hover{
    color:var(--yellow-soft);
}

.footer-section-title{
    color:var(--cream);
}

/* =========================
   TABLE
   ========================= */

.table,
.standard-content-info,
.standard-content-info .standard-content-block{
    background:#181818;
    color:var(--text-soft);
}

.standard-content-info table>thead>tr>th{
    background:#242424;
    color:var(--cream);
}

/* =========================
   INFO BOX
   ========================= */

.standard-form-note,
.payment-maintenance-container,
.remarks-container{
    background:#2a241d;
    color:var(--cream);
    border-color:#b9aa6a;
}

/* =========================
   POPUP / TOOLTIP
   ========================= */

.popover,
.ztip-holder{
    background:#1c1c1c;
    color:var(--cream);
    border-color:#cdbd74;
}

/* =========================
   SCROLLBAR
   ========================= */

::-webkit-scrollbar{
    width:8px;
    height:8px;
}

::-webkit-scrollbar-track{
    background:#111;
}

::-webkit-scrollbar-thumb{
    background:#5b5648;
    border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
    background:#7d755f;
}
```