@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
:root {
    /* accesso Design Gap Variables - these variables are used in the accesso Guest Application UI Components library*/
        --gap-primary: #1f2080;
        --gap-primary-lighter: #4b4c99;
        --gap-primary-darker: #12134c;
    
        --gap-secondary: #0073e6;
        --gap-secondary-lighter: #338feb;
        --gap-secondary-darker: #004581;
    
        --gap-tertiary: #3a22dd;
        --gap-tertiary-lighter: #614ee3;
        --gap-tertiary-darker: #221484;
    
        --gap-success: #008577;
        --gap-success-lighter: #339d92;
        --gap-success-darker: #004f47;
    
        --gap-error: #de1b3c;
        --gap-error-lighter: #e44863;
        --gap-error-darker: #851024;

        --gap-g0: #000;
        --gap-g1: #1a1a1a;
        --gap-g2: #474747;
        --gap-g3: #bababa;
        --gap-g4: #d8d8d8;
        --gap-g5: #f2f2f2;
        --gap-g6: #ffffff;
    
        --mdc-typography-font-family: 'M PLUS Rounded 1c', 'sans-serif';
        --gap-font-family: 'M PLUS Rounded 1c', 'sans-serif';
    /* accesso Design Gap Variables */  
}