:root {
    --mcs-primary: #005fb1;
    --mcs-primary-light: #1270c4;
    --mcs-primary2: #12d600;

    --mcs-secondary: #d7b409;

    --mcs-terciary: #a7a9ac;

    --mcs-base-light: #f7f7f7;
    --mcs-base-dark: #2b2b36;

    --mcs-card-dark: #30303a;

    --mcs-primary-opaque: #f9fff4;
    --mcs-secondary-opaque: #292820;

    --mcs-action-1: #1976d2;
    --mcs-action-1-dark: #3485d3;
    /*to Action 1*/
    --mcs-action-2: #a8a8a8;
    /*to Action 2*/
    --mcs-observation-1: #a1703b;
    --mcs-observation-1-dark: #a87845;
    /*to Observations 1*/
    --mcs-observation-2: #ffa341;
    /*to Observations 2*/
    --mcs-details: #26c7e5;
    /*to Information*/
    --mcs-observation-3: #6C0345;
    /*to Details*/
    --mcs-danger: #d32f2f;
    --mcs-danger-dark: #d25353;
    /*to Delete*/
    --mcs-edit: #2e7d32;
    --mcs-edit-dark: #5e9463;
    /*to Edit*/
    --mcs-enable-disable: #0288d1;
    /*to Enable*/
    --mcs-disable: #6c757d;
    --mcs-disable-dark: #646d75;
    /*to Disable*/
    --mcs-warning: #FFC107FF;
    --mcs-warning-dark: #d7b64f;
    /*to Disable*/

    --mcs-is-invalid: #dc3545;
    /*input invalid*/

    --mcs-placeholder-color: #d1d1d7;

    --mcs-toggle-control: #019267;

    --mcs-gradient-auth1: #0b82d0;
    --mcs-gradient-auth2: #045d95;
}