/*:root {
    --P500:   #4177a3;
    --P700:   #1976D2;
    --P100:   #BBDEFB;

    --A200:   #FFE082;
    --A100:   #FFECB3;
    --A400:   #FFCA28;

    --L300:   #E0E0E0;
    --L200:   #f0f0f0;
    --L100:   #F5F5F5;
    --L50:    #FAFAFA;
    --White:  #FFFFFF;
}*/

:root {
    --P500:   #2196F3;
    --P700:   #1976D2;
    --P100:   #BBDEFB;
    --P50:   #d9ebfa;
    --P30:   #e6f1fa;
    --P20:   #ebf3fa;

    --A200:   #FFE082;
    --A100:   #FFECB3;
    --A400:   #FFCA28;

    --L300:   #E0E0E0;
    --L200:   #f0f0f0;
    --L100:   #F5F5F5;
    --L50:    #FAFAFA;
    --White:  #FFFFFF;
}

/*:root3 {
    --P500:   #4CAF50;
    --P700:   #388E3C;
    --P100:   #C8E6C9;

    --A200:   #FFE082;
    --A100:   #FFECB3;
    --A400:   #FFCA28;

    --L300:   #E0E0E0;
    --L200:   #f0f0f0;
    --L100:   #F5F5F5;
    --L50:    #FAFAFA;
    --White:  #FFFFFF;
}*/