:root {
    --mp-orange: #e03c31;       /*** The color ***/

    --mp-orange-gray-0: #d07a70;    /* 2 colors scale */

    --mp-orange-gray-1: #d5655b;    /* 3 colors scale */
    --mp-orange-gray-2: #ca8f85;

    --mp-orange-black-0: #7f2d27;   /* 2 colors scale */

    --mp-orange-black-1: #9f322a;   /* 3 colors scale */
    --mp-orange-black-2: #5e2724;

    --mp-orange-white-0: #f09e98;   /* 2 colors scale */

    --mp-orange-white-1: #ea7d76;   /* 3 colors scale */
    --mp-orange-white-2: #f5beba;

    --mp-black: #1d1d1d;        /*** The color ***/
    --mp-black01: #434343;
    
    --mp-black-gray-0: #6e6b66;     /* 2 colors scale */

    --mp-black-gray-1: #53514e;     /* 3 colors scale */
    --mp-black-gray-2: #89847e;

    --mp-black-gray-3: #464442;     /* 4 colors scale */
    --mp-black-gray-4: #6e6b66;
    --mp-black-gray-5: #97918b;

    --mp-black-white-0: #8e8e8e;    /* 2 colors scale */

    --mp-black-white-1: #686868;    /* 3 colors scale */
    --mp-black-white-2: #b4b4b4;

    --mp-black-white-3: #565656;     /* 4 colors scale */
    --mp-black-white-4: #8e8e8e;
    --mp-black-white-5: #c7c7c7;

    --mp-gray: #bfb8af;         /*** The color ***/

    --mp-gray-white-0: #dfdcd7;     /* 2 colors scale */

    --mp-gray-white-1: #d4d0ca;     /* 3 colors scale */ 
    --mp-gray-white-2: #eae7e4;

    --mp-gray-white-3: #cfcac3;     /* 4 colors scale */
    --mp-gray-white-4: #dfdcd7;
    --mp-gray-white-5: #efedeb;

    --mp-blue-0: #71bac6;
    --mp-blue: #008299;
    --mp-blue-2: #066e80;
    --mp-blue-3: #0c5a67;
    --mp-blue-4: #11454f;
    --mp-blue-5: #173136; 

    --control-disabled: #959495;

    --title-h1: rgba(37, 23, 23, 0.75);
    --highlighted-text: rgba(37, 23, 23, 0.65);
}

.fawesometext {
    font-size: 0.75rem;
    color: var(--mp-black);
    padding-left: 3px;
    margin-right: 12px;
}