:root {
    /* MAIN */
    --main-1: rgba(244, 172, 51, 1);
    --main-2: rgba(16, 97, 173, 1);
    --main-3: rgba(78, 145, 208, 1);

    /* NEUTRAL */
    --neutral-1: rgba(94, 94, 94, 1);
    --neutral-2: rgba(255, 255, 255, 1);
    --neutral-3: rgba(117, 117, 124, 1);
    --neutral-4: rgba(238, 238, 238, 1);
    --neutral-5: rgba(0, 0, 0, 1);
    --neutral-6: rgba(0, 0, 0, .5);
    --neutral-7: rgba(240, 240, 240, 1);

    /* SUCCESS */
    --success-1: rgba(14, 179, 47, 0.88);
    --success-2: rgba(8, 139, 34, 0.88);

    /* ERROR */
    --error-1: rgba(175, 16, 16, 1);
}

/* TEXT COLOR */
.main-1 {
    color: var(--main-1) !important;
}

.main-2 {
    color: var(--main-2) !important;
}

.main-3 {
    color: var(--main-3) !important;
}

.neutral-1 {
    color: var(--neutral-1) !important;
}

.neutral-2 {
    color: var(--neutral-2) !important;
}

.neutral-3 {
    color: var(--neutral-3) !important;
}

.neutral-4 {
    color: var(--neutral-4) !important;
}

.neutral-5 {
    color: var(--neutral-5) !important;
}

.neutral-6 {
    color: var(--neutral-6) !important;
}

.neutral-7 {
    color: var(--neutral-7) !important;
}

.success-1 {
    color: var(--success-1) !important;
}

.success-2 {
    color: var(--success-2) !important;
}

.error-1 {
    color: var(--error-1) !important;
}

.bg-success-1 {
    background-color: var(--success-1) !important;
}

.bg-error-1 {
    background-color: var(--error-1) !important;
}