:root {
        /* theme color */
        --highlight-color: #e2be6d;
        --highlight-bg-color: #e2be6d;
        --highlight-bg-border-color: #e2be6d;
        --highlight-bg-text-color: #fff;
        --normal-bg-color: #fff;
        --normal-bg-border-color: #939393;
        --normal-bg-text-color: #000;
        --red-bg-color: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
        --red-bg-border-color: rgba(164, 19, 26, 1);
        --red-bg-text-color: #fff;
        --blue-bg-color: linear-gradient(to bottom, #0182dd 1%, #195aaa 100%);
        --blue-bg-border-color: #0182dd;
        --blue-bg-text-color: #fff;
        --light-gray-bg-color: linear-gradient(to bottom, #454545 1%, #2c2c2c 100%);
        --light-gray-bg-border-color: #000000;
        --light-gray-bg-text-color: #fff;

        /* base */
        --icon-font:
                'Font Awesome 5 Pro';
        --body-color: #000;
        --body-text-color: #ccc;
        --anchor-default-color: var(
                --bs-black);
        --anchor-hover-color: var(
                --bs-black);

        /* form */
        --input-text-color: #fff;
        --input-text-placeholder-color: #666;
        --input-bg-color: #313131;
        --input-border-color: #313131;
        --input-focus-border-color: #000;
        --input-text-disabled-color: #666;
        --input-bg-disabled-color: #101010;
        --input-border-disabled-color: #383838;
        --input-check-radio-text-color: #000;
        --input-checked-color: var(
                --bs-black);

        /* radius */
        --border-radius: 5px;

        /* common */
        --new-label-bg-color: #455875;
        --new-label-text-color: var(
                --bs-white);

        /* bg */
        --body-bg-color: #fff;
        --bet-bg-color: #0f1012;
        --bg-minigame-broadcasting: #fff;

        /* transparent */
        /* white */
        --white-opacity-percent-5: rgba(255, 255, 255, .05);
        --white-opacity-percent-10: rgba(255, 255, 255, .1);
        --white-opacity-percent-20: rgba(255, 255, 255, .2);
        --white-opacity-percent-30: rgba(255, 255, 255, .3);
        --white-opacity-percent-40: rgba(255, 255, 255, .4);
        --white-opacity-percent-50: rgba(255, 255, 255, .5);
        --white-opacity-percent-60: rgba(255, 255, 255, .6);
        --white-opacity-percent-70: rgba(255, 255, 255, .7);
        --white-opacity-percent-80: rgba(255, 255, 255, .8);
        --white-opacity-percent-90: rgba(255, 255, 255, .9);
        --white-opacity-percent-100: rgba(255, 255, 255, 1);
        /* black */
        --black-opacity-percent-5: rgba(0, 0, 0, .05);
        --black-opacity-percent-10: rgba(0, 0, 0, .1);
        --black-opacity-percent-20: rgba(0, 0, 0, .2);
        --black-opacity-percent-30: rgba(0, 0, 0, .3);
        --black-opacity-percent-40: rgba(0, 0, 0, .4);
        --black-opacity-percent-50: rgba(0, 0, 0, .5);
        --black-opacity-percent-60: rgba(0, 0, 0, .6);
        --black-opacity-percent-70: rgba(0, 0, 0, .7);
        --black-opacity-percent-80: rgba(0, 0, 0, .8);
        --black-opacity-percent-90: rgba(0, 0, 0, .9);
        --black-opacity-percent-100: rgba(0, 0, 0, 1);

        /* scroll */
        --scroll-bg-track: #f5f5f5;
        --scroll-bg-scrollbar: #f5f5f5;
        --scroll-bg-scrollbar-thumb: #e1e1e1;

        /* betting */
        --bet-normal-bg-color: #fff;
        --bet-normal-border-color: #ccc;
        --bet-normal-bg-shadow: inset 1px 1px rgba(255, 255, 255, .2);
        --bet-normal-game-name-color: #000;
        --bet-normal-game-header-color: #141414;
        --bet-normal-text-color: #d3d3d3;
        --bet-normal-date-text-color: #666;
        --bet-normal-rating-text-color: #000;
        --bet-normal-sports-body-bg: #141414;
        --bet-normal-more-text-color: var(
                --highlight-color);
        --bet-normal-game-title-color: #4e1023;
        --bet-normal-active-bg-color: var(
                --highlight-bg-color);
        --bet-normal-active-border-color: var(
                --highlight-bg-border-color);
        --bet-normal-active-text-color: #000;
        --bet-state-stay: #000;
        --bet-state-cash: #9b671a;
        --bet-state-out: #ff5663;
        --bet-state-in-cash: #ffc33b;
        --bet-state-out-cash: #ff565a;
        --bet-state-yes: #459618;
        --bet-state-no: var(
                --white-opacity-percent-5);
        --bet-state-file: var(
                --white-opacity-percent-5);
        --bet-state-read: #959595;
        --bet-state-cate: #fff;
        --bet-state-power: #C30000;

        /* color state */
        --color-cash: #c1ad8b
    }