:root .color27-3 {

    /* color */
    --color-stop-1: #00D2FF;
    --color-stop-2: #00D2FF;
    --color-stop-3: #3A7BD5;
    --color-stop-4: #3A7BD5;

    --color-stop-1a: #00D2FF;
    --color-stop-2a: #00D2FF;
    --color-stop-3a: #3A7BD5;
    --color-stop-4a: #3A7BD5;

    /* position */
    --position-1: 10%;
    --position-2: 25%;
    --position-3: 75%;
    --position-4: 100%;
    
    /* body */
    --bg-body: #151837E6;
    --bg-mobile: #1A1D38;
    --gradient-bg-body: linear-gradient(0deg, #00D2FF 10%, #3A7BD5 100%);

    /* download */
    --bg-download: #151837E6;

    --color-primary-0: #CCF6FF;
    --color-primary-10: #00D2FF87;
    --color-primary-20: #00D2FF33;
    --color-primary-30: #00D2FF4D;
    --color-primary-100: #99EDFF;
    --color-primary-200: #66E4FF;
    --color-primary-300: #33DBFF;
    --color-primary-400: #00D2FF;
    --color-primary-600: #0093B3;
    --color-primary-700: #006980;
    --color-primary-900: #003F4D;
    --color-primary-1000: #00151A;
    
    --color-chat: #00D2FF;

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

    /* vip */
    --bg-vip-bar: linear-gradient(0deg, #00D2FF 0%, #3A7BD5 100%);
    --bg-progress: #141218E6;
    --bg-progress-logged-in: #141218E6;
}