:root {
    /**** begin countdown colors ****/
    --flipclock-bg-color: #D4AF37; /* Warna emas untuk flipclock */
    --flipclock-color: #0a0a0a;    /* Angka hitam di flipclock */
    /**** endof countdown colors ****/

    /**** begin custom colors (Tema BEKASI - Kuning Emas Dominan) ****/
    --color-1: #D4AF37;      /* Warna utama emas (background utama) */
    --color-2: #F5D76E;      /* Warna emas lebih terang (untuk highlight) */
    --color-3: #B8860B;      /* Warna emas tua (border/aksen) */
    --color-4: #FFC107;      /* Kuning cerah (untuk tombol/aksen) */
    --color-5: #0a0a0a;      /* Hitam pekat (untuk teks/tombol kontras) */
    --color-6: #ffffff;      /* Putih (teks/tulisan) */
    --color-7: #C0392B;      /* Merah (untuk aksen seperti consolation) */
    --color-8: #f5f5f5;      /* Abu-abu terang */
    --color-9: #0d0d0d;      /* Hitam lebih gelap (card background) */
    /**** 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; }
/**** endof custom background colors ****/