:root {
    /* theme color */
    --highlight-color: #e42626;
    --highlight-bg-color: #e42626;
    --highlight-bg-border-color: #e42626;
    --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: #222;
    --input-text-placeholder-color: #666;
    --input-bg-color: #fff;
    --input-border-color: #b4b4b4;
    --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
}