:root{
    --bg: linear-gradient(180deg,#42005D,#A918BC,#42005D);
    --c: #FFF;
    --c-i: #000;

    --c1: #770077;

    --disabled: #818181;

    --input-bg: #FFFFFF33;
    --input-c: #FFF;
    --input-phd-c: #FFF;

    /*home*/
    --box-menu-bg: linear-gradient(180deg,#8912A080,#43094ECC);
    --box-menu-c: #FFF;
    --nickname-c: #FF9D00;
    --bg-home-a-a-bg: radial-gradient(#00FFF5 5%,#FF00FFF7 30%,#80808000);
    --bg-home-az-bg: linear-gradient(180deg,#330A4E00,#330A4D 35%);
    --home-a-b-bg: linear-gradient(180deg,transparent,#330A4D,#330A4D);
    --home-b-bg: #320B4C;
    /* --home-b-item-bg: #8912A0; */
    --home-b-item-hoho-bg: linear-gradient(90deg,#2E4776,#8912A0);
    --home-b-item-roro-bg: linear-gradient(90deg,#95403E,#8912A0);
    --home-b-item-bobot-bg: linear-gradient(90deg,#251067,#8912A0);
    --chat-icon-bg: #FFCE00;
    --room-chat-item-r-div-bg: #DB1515;
    --home-nav-b-a-bg: linear-gradient(90deg,#34004B,#0A000F00);
    /*====*/

    /*text*/
    --header-bo: #963F96;
    /*====*/

    /*identity*/
    --invalid: #DE0000;
    --idn-notif-bg: #DE000080;
    --btn-save-bg: #FFCE00;
    --btn-save-c: #000;
    --btn-sec-bg: #FFF;
    --btn-sec-c: #000;
    --radio-bg: #FFF;
    --radio-checked-bg: #770077;
    /*====*/

    /*profile*/
    --modal-box-bg: linear-gradient(180deg,#8912A080,#43094ECC);
    /*====*/

    /*login*/
    --login-a-btn-bg: #FFF;
    --btn-fb-bg: #475A96;
    /*====*/

    /*premium*/
    --btn-prem-bg: #FFFFFF33;
    --btn-prem-bo: #FFF;
    --btn-prem-active-bg: #34004B80;
    --btn-prem-active-bo: #FFCE00;
    --btn-prem-c-bg: #FFCE00;
    --btn-prem-c-c: #000;

    --payment-item-bg: #FFF;
    --payment-item-selected-bo: #C900C9;
    /*====*/

    /*buy*/
    --buy-item-bg: #FFF;
    --buy-item-c: #4D0079;
    /*====*/

    /*live*/
    --live-a-bg: #34004B;
    --live-a-bg-abs-bg: linear-gradient(180deg,#34004B00,#590063);
    --live-a-a-a-c: #FF9D00;
    --live-a-b-a-bg: linear-gradient(180deg,#8912A080,#43094ECC);
    --live-a-b-c-bg: #FFCE00;
    --live-a-b-c-c: #000;

    /*====*/

    /*chat*/
    --time-chat-bg: #34004B;
    --time-chat-c: #FFF;
    --chat-in-bg: #FFF;
    --chat-in-c: #000;
    --chat-in-assist-c: #C900C9;
    --chat-out-bg: linear-gradient(180deg,#C557FF,#A22AE2);
    --chat-out-c: #FFF;
    --chat-out-option-btn-bg: #FFFFFF33;
    /* --chat-out-option-btn-c: #000; */
    /* --btn-send-bg: linear-gradient(180deg,#C557FF,#A22AE2); */

    --tab-active-bg: #34004B80;
    /*====*/

    /*verif*/
    --ver-b-c: #FF9D00;
    /*====*/
}

@media only screen and (min-width: 768px){
    :root{
        --bg: linear-gradient(180deg,#42005D -5%,#A918BC,#42005D 85%);
    }
}