:root {
    --color-orange-700: #FF6200;
    --color-orange-600: #FF7700;

    --mrcoin-blue: #0088C2;
    --mrcoin-blue-hover: #0998D5;
    --mrcoin-dark-blue: #0A2943;
    --mrcoin-dark-blue-hover: #053863;
    --mrcoin-light-blue: #DBEAFE;
    --mrcoin-yellow: #FBC50E;

    --color-black: #000000;
    --color-white: #FFF;

    --color-grey-600: #282828;
    --color-grey-500: #535353;
    --color-grey-200: #D9D9D9;
    --color-grey-100: #F2F2F2;

    --color-status-success: #3A8F75;
    --color-status-error: #ED2B3B;
    --color-status-succcess-light: #E7F4E8;
    --color-status-error-light: #FFE2E5;
}

.text-orange-700 {
    color: var(--color-orange-700);
}

.text-orange-600 {
    color: var(--color-orange-600);
}

.text-mrcoin-blue {
    color: var(--mrcoin-blue);
}

.text-mrcoin-blue-hover {
    color: var(--mrcoin-blue-hover);
}

.text-mrcoin-dark-blue {
    color: var(--mrcoin-dark-blue);
}

.text-mrcoin-dark-blue-hover {
    color: var(--mrcoin-dark-blue-hover);
}

.text-mrcoin-light-blue {
    color: var(--mrcoin-light-blue);
}

.text-mrcoin-yellow {
    color: var(--mrcoin-yellow);
}

.text-black {
    color: var(--color-black);
}

.text-white {
    color: var(--color-white);
}

.text-grey-600 {
    color: var(--color-grey-600);
}

.text-grey-500 {
    color: var(--color-grey-500);
}

.text-grey-200 {
    color: var(--color-grey-200);
}

.text-grey-100 {
    color: var(--color-grey-100);
}

.text-status-success {
    color: var(--color-status-success);
}

.text-status-error {
    color: var(--color-status-error);
}

.text-status-success-light {
    color: var(--color-status-succcess-light);
}

.text-status-error-light {
    color: var(--color-status-error-light);
}

.background--white {
    background: var(--color-white);
}

.background-grey-100 {
    background: var(--color-grey-100);
}

.background-grey-100-to-white {
    background: linear-gradient(180deg, var(--color-grey-100) 0%, var(--color-white) 100%);
}

.background-white-to-grey-100 {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-grey-100) 100%);
}