:root {
    /* non-mayflower colors */
    --light-blue: #2792C9;
    --light-gray: #F6F6F6; /* fazed out for --mf-gray-l90 */
    --gray: #E9E9E9; /* fazed out for --mf-gray-l80 */
    --shadow: #00000029;
    /* from rma logo */
    --rma-red: #F15A22;
    --rma-orange: #F68B1F;
    --rma-gold: #FFC233;
    --rma-yellow: #F4EB24;
    --rma-green: #96CA3F;
    --rma-blue: #00378A;
    /* mayflower colors */
    --mf-maroon: #680A1D; /* independence cranberry */
    --mf-yellow: #F6C51B; /* duckling yellow */
    --mf-green: #388557; /* berkshires green */
    --mf-blue: #14558F; /* bay blue */
    --mf-gray: #535353; /* granite gray */
    /* mayflower lighter color shades */
    --mf-maroon-l20: #863B4A;
    --mf-maroon-l40: #A46C77;
    --mf-maroon-l60: #C39DA5;
    --mf-yellow-l20: #F8D149;
    --mf-yellow-l40: #FADC76;
    --mf-yellow-l60: #FBE8A4;
    --mf-green-l20: #609D79;
    --mf-green-l40: #88B69A;
    --mf-green-l60: #AFCEBC;
    --mf-blue-l20: #4377A5;
    --mf-blue-l40: #7299BC;
    --mf-blue-l60: #A1BBD2;
    --mf-blue-l80: #D0DDE9;
    --mf-gray-l20: #757575;
    --mf-gray-l40: #989898;
    --mf-gray-l60: #BABABA;
    --mf-gray-l80: #DDDDDD;
    --mf-gray-l90: #EEEEEE;
    --mf-error-red-l20: #D73D3D;
    /* mayflower darker color shades */
    --mf-maroon-d20: #530817;
    --mf-maroon-d40: #3E0611;
    --mf-yellow-d20: #C59E16;
    --mf-yellow-d40: #947610;
    --mf-green-d20: #2D6A46;
    --mf-green-d40: #225034;
    --mf-blue-d20: #104472;
    --mf-blue-d40: #0C3356;
    --mf-gray-d20: #424242;
    --mf-gray-d40: #323232;
    /* mayflower other shades */
    --mf-gray-platinum: #F2F2F2;
    /* mayflower with opacity */
    --mf-gray-o50: rgba(83, 83, 83, 0.5);
    /* mayflower alert colors */
    --mf-error-red: #CD0D0D; /* error red */
    --mf-warning-yellow: #F6C51B; /* warning yellow */
    --mf-success-green: #388557; /* success green */
    --mf-focus-blue: #3E94CF; /* focus highlight */
    /* mayflower font weights */
    --mf-normal: 400;
    --mf-bold: 550;
    --mf-bolder: 650;
}

/* background color */
.bg-rma-red {
    background-color: var(--rma-red);
}

.bg-rma-orange {
    background-color: var(--rma-orange);
}

.bg-rma-gold {
    background-color: var(--rma-gold);
}

.bg-rma-yellow {
    background-color: var(--rma-yellow);
}

.bg-rma-green {
    background-color: var(--rma-green);
}

.bg-rma-blue {
    background-color: var(--rma-blue);
}

/* text color */
.text-rma-red {
    color: var(--rma-red);
}

.text-rma-orange {
    color: var(--rma-orange);
}

.text-rma-yellow {
    color: var(--rma-yellow);
}

.text-rma-green {
    color: var(--rma-green);
}

.text-rma-blue {
    color: var(--rma-blue);
}

/* border color */
.border-rma-red {
    border-color: var(--rma-red);
}

.border-rma-orange {
    border-color: var(--rma-orange);
}

.border-rma-yellow {
    border-color: var(--rma-yellow);
}

.border-rma-green {
    border-color: var(--rma-green);
}

.border-rma-blue {
    border-color: var(--rma-blue);
}