:root .color28-3 {

    /* color */
    --color-stop-1: #659999;
    --color-stop-2: #659999;
    --color-stop-3: #F4791F;
    --color-stop-4: #F4791F;

    --color-stop-1a: #659999;
    --color-stop-2a: #659999;
    --color-stop-3a: #F4791F;
    --color-stop-4a: #F4791F;

    /* position */
    --position-1: 10%;
    --position-2: 25%;
    --position-3: 75%;
    --position-4: 100%;
    
    /* body */
    --bg-body: #0B0B0BE5;
    --bg-mobile: #111111;
    --gradient-bg-body: linear-gradient(0deg, #659999 10%, #F4791F 100%);
    --gradient-text: linear-gradient(0deg, #659999 0%, rgba(244, 121, 31, 0.64) 100%);

    /* download */
    --bg-download: #0B0B0BE5;

    --color-primary-0: #C1D6D6;
    --color-primary-10: #659999D1;
    --color-primary-20: #65999933;
    --color-primary-30: #6599994D;
    --color-primary-100: #FBC9A5;
    --color-primary-200: #93B8B8;
    --color-primary-300: #F6944C;
    --color-primary-400: #659999;
    --color-primary-600: #C0CC00;
    --color-primary-700: #5B8A8A;
    --color-primary-900: #1E2E2E;
    --color-primary-1000: #0A0F0F;
    
    --color-chat: #00D4FF;

    /* footer */
    --bg-deposit: url(../images/color28-3/bg-deposit.svg);
    --bg-deposit-top: url(../images/color28-3/bg-deposit-top.png);

    /* vip */
    --bg-vip-bar: linear-gradient(0deg, #659999 0%, rgba(244, 121, 31, 0.64) 100%);
    --bg-progress: #0B0B0B88;
    --bg-progress-logged-in: #0B0B0BE5;
}

.color28-3 .modal-content {
    background: var(--gradient-bg-body);
    border: 0;
}
.color28-3 #annModal .modal-content,
.color28-3 #token-history .modal-content,
.color28-3 .info-page-wrap {
    background: var(--gradient-text);
}
.color28-3 .annbox .cclose,
.color28-3 .modal-content .btn-close {
    background: linear-gradient(var(--black-100), var(--black-100)) padding-box, var(--gradient-text) border-box;
}
.color28-3 .ann-title,
.color28-3 .modal-title,
.color28-3 .page-div-top h4,
.color28-3 .af-box .af-box-head h4 {
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.color28-3 .anncon .nav-link[data-bs-toggle="pill"]::before {
    background-color: var(--white-20);
}
.color28-3 .modal-body .btn-main {
    background: var(--color-accent-100);
}
.color28-3 .btn-main:hover, 
.color28-3 .btn-main:active, 
.color28-3 .btn-main:focus, 
.color28-3 .btnform:hover, 
.color28-3 .btnform:active, 
.color28-3 .btnform:focus {
    background: var(--black-30);
}
.color28-3 .row-divider {
    background: var(--color-primary-400);
}
.color28-3 .reward-body .form-box .b-type,
.color28-3 .form-box.statement .t-type,
.color28-3 .faq-wrap .accordion-button {
    border-color: var(--color-primary-400);
}
.color28-3 .promotion-wrapper ul li,
.color28-3 .af-box-wrap .form-box .statistic .s-data .s-amount,
.color28-3 .history-tab .history-thumb {
    color: var(--color-primary-900);
}
.color28-3 .promotion-wrapper ul li.mixitup-control-active,
.color28-3 .af-box-wrap .form-box .statistic .s-data.active .s-amount,
.color28-3 .history-tab .history-thumb.active {
    color: var(--color-primary-1000);
}