:root {
    /* theme color */
    --highlight-color: #ff3399;  /* 메인 핑크 */
    --highlight-bg-color: #ff3399;
    --highlight-bg-border-color: #ff3399;
    --highlight-bg-text-color: #fff;
    --normal-bg-color: linear-gradient(180deg, #1a1a1a, #0d0d0d);
    --normal-bg-border-color: #333333;
    --normal-bg-text-color: #fff;
    --red-bg-color: linear-gradient(180deg, #ff3399, #cc0066) !important;
    --red-bg-border-color: #ff3399;
    --red-bg-text-color: #fff;
    --blue-bg-color: linear-gradient(to bottom, #ff3399 1%, #cc0066 100%);
    --blue-bg-border-color: #ff3399;
    --blue-bg-text-color: #fff;
    --light-gray-bg-color: linear-gradient(to bottom, #2a2a2a 1%, #1a1a1a 100%);
    --light-gray-bg-border-color: #333333;
    --light-gray-bg-text-color: #fff;

    /* base */
    --icon-font: 'Font Awesome 5 Pro';
    --body-color: #e6e6e6;
    --body-text-color: #e6e6e6;
    --anchor-default-color: #ff3399;
    --anchor-hover-color: #ff66b3;

    /* form */
    --input-text-color: #e6e6e6;
    --input-text-placeholder-color: #999999;
    --input-bg-color: #1a1a1a;
    --input-border-color: #333333;
    --input-focus-border-color: #ff3399;
    --input-text-disabled-color: #666666;
    --input-bg-disabled-color: #0d0d0d;
    --input-border-disabled-color: #333333;
    --input-check-radio-text-color: #fff;
    --input-checked-color: #ff3399;

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

    /* common */
    --new-label-bg-color: #ff3399;
    --new-label-text-color: #fff;

    /* bg */
    --body-bg-color: #0d0d0d;
    --bet-bg-color: #1a1a1a;
    --bg-minigame-broadcasting: #1a1a1a;

    /* transparent */
    /* white */
    --white-opacity-percent-5: rgba(255, 51, 153, .05);
    --white-opacity-percent-10: rgba(255, 51, 153, .1);
    --white-opacity-percent-20: rgba(255, 51, 153, .2);
    --white-opacity-percent-30: rgba(255, 51, 153, .3);
    --white-opacity-percent-40: rgba(255, 51, 153, .4);
    --white-opacity-percent-50: rgba(255, 51, 153, .5);
    --white-opacity-percent-60: rgba(255, 51, 153, .6);
    --white-opacity-percent-70: rgba(255, 51, 153, .7);
    --white-opacity-percent-80: rgba(255, 51, 153, .8);
    --white-opacity-percent-90: rgba(255, 51, 153, .9);
    --white-opacity-percent-100: rgba(255, 51, 153, 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: #1a1a1a;
    --scroll-bg-scrollbar: #1a1a1a;
    --scroll-bg-scrollbar-thumb: #ff3399;

    /* betting */
    --bet-normal-bg-color: linear-gradient(180deg, #1a1a1a, #0d0d0d);
    --bet-normal-border-color: #333333;
    --bet-normal-bg-shadow: inset 1px 1px rgba(255, 51, 153, .2);
    --bet-normal-game-name-color: #ff3399;
    --bet-normal-game-header-color: #000;
    --bet-normal-text-color: #e6e6e6;
    --bet-normal-date-text-color: #999999;
    --bet-normal-rating-text-color: #ff3399;
    --bet-normal-sports-body-bg: #0d0d0d;
    --bet-normal-more-text-color: #ff3399;
    --bet-normal-game-title-color: #ff3399;
    --bet-normal-active-bg-color: #ff3399;
    --bet-normal-active-border-color: #ff3399;
    --bet-normal-active-text-color: #fff;
    --bet-state-stay: #999999;
    --bet-state-cash: #ff3399;
    --bet-state-out: #ff3399;
    --bet-state-in-cash: #ff3399;
    --bet-state-out-cash: #ff3399;
    --bet-state-yes: #ff3399;
    --bet-state-no: rgba(255, 51, 153, .1);
    --bet-state-file: rgba(255, 51, 153, .1);
    --bet-state-read: #999999;
    --bet-state-cate: #fff;
    --bet-state-power: #ff3399;

    /* color state */
    --color-cash: #ff3399;
}