:root {
    --ma-dark-blue: #12284C;
    --ma-logo-navy: #003B71;
    --ma-bright-blue: #004A98;
    --ma-logo-blue: #009FE3;
    --ma-light-blue: #CCECF9;
    --ma-grey-1: #1D252C;
    --ma-grey-2: #323E48;
    --ma-grey-3: #7B868C;
    --ma-grey-4: #8F9C9C;
    --ma-grey-5: #C1C5C8;
    --ma-grey-6: #CFD2D3;
    --ma-grey-7: #EBECED;
    --ma-white: #FFF;
    --ma-dark-red: #9E3223;
    --ma-red: #E1251B;
    --ma-light-red: #E75149;
    --ma-dark-green: #00833E;
    --ma-green: #00953B;
    --ma-light-green: #3DAE2B;
    --ma-dark-orange: #FF6C0E;
    --ma-orange: #FF8300;
    --ma-light-orange: #FF9E18;
    --ma-yellow: #FDC71A;
    --ma-font-default: 15px;
    --ma-font-default2: 16px;
    --ma-font-tiny: 8px;
    --ma-font-small: 10px;
    --ma-font-medium: 12px;
    --ma-font-big: 18px;
    --ma-font-large: 20px;
    --ma-font-huge: 24px;
    --ma-font-giant: 30px;
    --ma-space-small: 5px;
    --ma-space-medium: 10px;
    --ma-space-default: 15px;
    --ma-space-big: 25px;
    --ma-space-large: 30px;
}