:root {
    /* ── Base ───────────────────────────────────────── */
    --color-1: #0c0505;
    --color-2: #f0c040;
    --color-3: #3a1010;
    --color-4: #e8dcc8;
    --color-5: #080303;
    --color-6: #150808;
    --color-7: #2a1010;
    --color-form: #2a1515;

    /* ── Header gradient (merah → emas) ─────────────── */
    --color-header-1: #6b1010;
    --color-header-2: #4a0808;
    --color-header-3: #b91c1c;
    --color-header-4: #e8b923;
    --color-header-5: #8b1515;
    --color-header-6: #c9a227;

    /* ── Gradients ──────────────────────────────────── */
    --color-gradient-1: linear-gradient(to bottom, #f0c040, #fff8e7);
    --color-gradient-2: linear-gradient(to bottom, #0c0505, #2a1010);
    --color-gradient-3: linear-gradient(to bottom, #0c0505 0%, #0c0505c4 25%, #0c05057a 55%, #0c050500 100%);
    --color-gradient-4: linear-gradient(to bottom, #0c050500 0%, #0c050585 45%, #0c0505c5 75%, #0c0505 100%);
    --color-gradient-5: linear-gradient(143.8deg, #e8b923 0.9%, #8b1515 77.57%);
    --color-gradient-topgames-right: linear-gradient(to left, #0c050500 0%, #0c05057a 45%, #0c0505c4 75%, #0c0505 100%);
    --color-gradient-topgames-left: linear-gradient(to right, #0c050500 0%, #0c05057a 45%, #0c0505c4 75%, #0c0505 100%);
    --color-gradient-favorit-slot: linear-gradient(to bottom right, #e8b923, #8b1515);

    /* ── Footer & mobile ────────────────────────────── */
    --color-footer-bg: #1a0808;
    --color-mobile-balance-bg: #0f0404;
    --color-mobile-balance-button: #6b1515;
    --color-mobile-nav-bg: #2a0c0c;
    --color-sidebar-bg-start: #2a1010;
    --color-sidebar-bg-end: #0f0505;

    /* ── Accent aliases (ganti biru → emas/merah) ──── */
    --color-blue-light: #e8b923;
    --color-blue-dark: #8b1515;
    --color-input-dark: #1a0a0a;
    --color-white-opacity-10: rgba(240, 192, 64, 0.1);

    /* ── Mobile gradients ───────────────────────────── */
    --color-gradient-mobile-balance: linear-gradient(to bottom right, #8b1515, #4a0808);
    --color-gradient-mobile-button: linear-gradient(to bottom right, #b91c1c, #6b1010);
    --color-gradient-mobile-nav-button: linear-gradient(to bottom, #8b1515, #e8b923);
    --color-gradient-sidebar: linear-gradient(to bottom, #2a1010, #0f0505);
    --color-gradient-white-fade: linear-gradient(to right, rgba(240, 192, 64, 0.28), rgba(255, 255, 255, 0));
    --color-gradient-blue-horizontal: linear-gradient(to right, #6b1010, #e8b923);
    --color-gradient-blue-horizontal-reverse: linear-gradient(to left, #6b1010, #e8b923);
}