:root .color27-4 {

    /* color */
    --color-stop-1: #6750A4;
    --color-stop-2: #6750A4;
    --color-stop-3: #CFBCFF;
    --color-stop-4: #CFBCFF;

    --color-stop-1a: #6750A4;
    --color-stop-2a: #6750A4;
    --color-stop-3a: #CFBCFF;
    --color-stop-4a: #CFBCFF;

    /* position */
    --position-1: 10%;
    --position-2: 25%;
    --position-3: 75%;
    --position-4: 100%;
    
    /* body */
    --bg-body: #0A0810E6;
    --bg-mobile: #100E15;
    --gradient-bg-body: linear-gradient(0deg, #6750A4 10%, #CFBCFF 100%);

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

    --color-primary-0: #F0EEF6;
    --color-primary-10: #6750A487;
    --color-primary-20: #6750A433;
    --color-primary-30: #6750A44D;
    --color-primary-100: #C2B9DB;
    --color-primary-200: #A496C8;
    --color-primary-300: #8573B6;
    --color-primary-400: #6750A4;
    --color-primary-600: #524083;
    --color-primary-700: #483873;
    --color-primary-900: #292042;
    --color-primary-1000: #151021;
    
    --color-chat: #FFB4AB;

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

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