:root{

    /*PRIMARY*/
    --primary-color:#ff535a; /*#009da1;*/
    --primary-variant-dark-color: #bf131a;/*#007e81;*/
    --primary-variant-light-color: #ff939a;/*#00c4c9;*/

    --on-primary-color: #ffffff;
    --on-primary-variant-dark-color: #ffffff;
    --on-primary-variant-light-color: #ffffff;

    /*SECONDARY*/
    --secondary-color: #272f50;/*#0077bb;*/
    --secondary-variant-dark-color: #000010;/*#005f96;*/
    --secondary-variant-light-color: #676f90;/*#0095ea;*/

    --on-secondary-color: #e0e0e0;
    --on-secondary-variant-dark-color: #e0e0e0;
    --on-secondary-variant-light-color: #e0e0e0;

    /*--secondary-color:#272f50;
    --primary-color: #ff595b;*/
    --bg-color:#f7f7f7;
    --surface-color:#ffffff;

    --neon-secondary-color:#2726ec;

    --on-primary-color:#ffffff;
    --on-secondary-color:#ffffff;
    --on-bg-color:#333333;
    --on-surface-color:#333333;
    --on-surface-color-light:#dadad9;

    --box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);

    --success-color: #4deda2;/*#28a745;*/
    --warning-color: #ffd500; /*#dab601;*/
    --error-color: #d4145a; /*#bd0000;*/
}