:root {
    --flipclock-bg-color: #ff0000;
    --flipclock-color: #ff0000;
    --color-1: #000000;
    --color-2: #000000;
    --color-3: #ffc107;
    --color-4: #5f5e5b;
    --color-5: #ff0000;
    --color-6: #ff0000;
    --color-7: #e00000;
    --color-8: #f5f5f5;
    --color-9: #ffffff;

/**** 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 ****/