:root .color28-2 {

    /* color */
    --color-stop-1: #F0FF00;
    --color-stop-2: #F0FF00;
    --color-stop-3: #484D00;
    --color-stop-4: #484D00;

    --color-stop-1a: #F0FF00;
    --color-stop-2a: #F0FF00;
    --color-stop-3a: #484D00;
    --color-stop-4a: #484D00;

    /* 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, #F0FF00 10%, #484D00 100%);
    --gradient-text: linear-gradient(0deg, #F0FF00 0%, rgba(68, 136, 68, 0.64) 100%);

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

    --color-primary-0: #FEFFE6;
    --color-primary-10: #F0FF00D1;
    --color-primary-20: #F0FF0033;
    --color-primary-30: #F0FF004D;
    --color-primary-100: #F9FF99;
    --color-primary-200: #F6FF66;
    --color-primary-300: #F2FF1A;
    --color-primary-400: #F0FF00;
    --color-primary-600: #C0CC00;
    --color-primary-700: #788000;
    --color-primary-900: #303300;
    --color-primary-1000: #181A00;
    
    --color-chat: #FF007A;

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

    /* vip */
    --bg-vip-bar: linear-gradient(0deg, #F0FF00 0%, rgba(68, 136, 68, 0.64) 100%);
    --bg-progress: #0B0B0B88;
    --bg-progress-logged-in: #0B0B0BE5;
}

.color28-2 .modal-content {
    background: var(--gradient-bg-body);
    border: 0;
}
.color28-2 #annModal .modal-content,
.color28-2 #token-history .modal-content,
.color28-2 .info-page-wrap {
    background: var(--gradient-text);
}
.color28-2 #modal-inbox .modal-content {
    background: var(--color-primary-10);
}
.color28-2 .annbox .cclose,
.color28-2 .modal-content .btn-close {
    background: linear-gradient(var(--black-100), var(--black-100)) padding-box, var(--gradient-text) border-box;
}
.color28-2 .ann-title,
.color28-2 .modal-title,
.color28-2 .page-div-top h4,
.color28-2 .af-box .af-box-head h4 {
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.color28-2 .anncon .nav-link[data-bs-toggle="pill"]::before {
    background-color: var(--color-primary-100);
}
.color28-2 .modal-body .btn-main {
    background: var(--color-accent-100);
}
.color28-2 .btn-main:hover, 
.color28-2 .btn-main:active, 
.color28-2 .btn-main:focus, 
.color28-2 .btnform:hover, 
.color28-2 .btnform:active, 
.color28-2 .btnform:focus {
    background: var(--black-30);
}