/* BASE */
.blue-text-base {
    color: #474CBF !important;
}

/* LIGHTER (1–5) */
.blue-text-1 {
    color: #E7E8FF !important;
}

.blue-text-2 {
    color: #C3C5FF !important;
}

.blue-text-3 {
    color: #A1A4FF !important;
}

.blue-text-4 {
    color: #7E83F3 !important;
}

.blue-text-5 {
    color: #5E63E0 !important;
}

/* DARKER (6–10) */
.blue-text-6 {
    color: #3F44A8 !important;
}

.blue-text-7 {
    color: #383C91 !important;
}

.blue-text-8 {
    color: #30347A !important;
}

.blue-text-9 {
    color: #292C63 !important;
}

.blue-text-10 {
    color: #1F214C !important;
}


/* BASE */
.blue-bg-base {
    background: #474CBF !important;
}

/* LIGHTER (1–5) */
.blue-bg-1 {
    background: #E7E8FF !important;
}

.blue-bg-2 {
    background: #C3C5FF !important;
}

.blue-bg-3 {
    background: #A1A4FF !important;
}

.blue-bg-4 {
    background: #7E83F3 !important;
}

.blue-bg-5 {
    background: #5E63E0 !important;
}

/* DARKER (6–10) */
.blue-bg-6 {
    background: #3F44A8 !important;
}

.blue-bg-7 {
    background: #383C91 !important;
}

.blue-bg-8 {
    background: #30347A !important;
}

.blue-bg-9 {
    background: #292C63 !important;
}

.blue-bg-10 {
    background: #1F214C !important;
}

/* BLUE HOVER */
/* BASE */
.blue-bg-base-hover:hover {
    background: #474CBF !important;
}

/* LIGHTER (1–5) */
.blue-bg-1-hover:hover {
    background: #E7E8FF !important;
}

.blue-bg-2-hover:hover {
    background: #C3C5FF !important;
}

.blue-bg-3-hover:hover {
    background: #A1A4FF !important;
}

.blue-bg-4-hover:hover {
    background: #7E83F3 !important;
}

.blue-bg-5-hover:hover {
    background: #5E63E0 !important;
}

/* DARKER (6–10) */
.blue-bg-6-hover:hover {
    background: #3F44A8 !important;
}

.blue-bg-7-hover:hover {
    background: #383C91 !important;
}

.blue-bg-8-hover:hover {
    background: #30347A !important;
}

.blue-bg-9-hover:hover {
    background: #292C63 !important;
}

.blue-bg-10-hover:hover {
    background: #1F214C !important;
}



/* BASE */
.orange-text-base {
    color: #C95917 !important;
}

/* LIGHTER (1–5) */
.orange-text-1 {
    color: #FFE7DB !important;
}

.orange-text-2 {
    color: #FFC6A8 !important;
}

.orange-text-3 {
    color: #FFA173 !important;
}

.orange-text-4 {
    color: #F07134 !important;
}

.orange-text-5 {
    color: #DE682E !important;
}

/* DARKER (6–10) */
.orange-text-6 {
    color: #B44F14 !important;
}

.orange-text-7 {
    color: #9E4511 !important;
}

.orange-text-8 {
    color: #883B0F !important;
}

.orange-text-9 {
    color: #71310C !important;
}

.orange-text-10 {
    color: #592608 !important;
}


/* BASE */
.orange-bg-base {
    background: #C95917 !important;
}

/* LIGHTER (1–5) */
.orange-bg-lighter-1 {
    background: #FFF3EC !important;
}

.orange-bg-lighter-2 {
    background: #FFECE4 !important;
}

.orange-bg-lighter-3 {
    background: #FFE7DB !important;
}

.orange-bg-lighter-4 {
    background: #FFE0D1 !important;
}

.orange-bg-1 {
    background: #FFE7DB !important;
}

.orange-bg-2 {
    background: #FFC6A8 !important;
}

.orange-bg-3 {
    background: #FFA173 !important;
}

.orange-bg-4 {
    background: #F07134 !important;
}

.orange-bg-5 {
    background: #DE682E !important;
}

/* DARKER (6–10) */
.orange-bg-6 {
    background: #B44F14 !important;
}

.orange-bg-7 {
    background: #9E4511 !important;
}

.orange-bg-8 {
    background: #883B0F !important;
}

.orange-bg-9 {
    background: #71310C !important;
}

.orange-bg-10 {
    background: #592608 !important;
}

/* ORANGE HOVER */
/* BASE */
.orange-bg-base-hover:hover {
    background: #C95917 !important;
}

/* LIGHTER (1–5) */
.orange-bg-1-hover:hover {
    background: #FFE7DB !important;
}

.orange-bg-2-hover:hover {
    background: #FFC6A8 !important;
}

.orange-bg-3-hover:hover {
    background: #FFA173 !important;
}

.orange-bg-4-hover:hover {
    background: #F07134 !important;
}

.orange-bg-5-hover:hover {
    background: #DE682E !important;
}

/* DARKER (6–10) */
.orange-bg-6-hover:hover {
    background: #B44F14 !important;
}

.orange-bg-7-hover:hover {
    background: #9E4511 !important;
}

.orange-bg-8-hover:hover {
    background: #883B0F !important;
}

.orange-bg-9-hover:hover {
    background: #71310C !important;
}

.orange-bg-10-hover:hover {
    background: #592608 !important;
}




/* BASE */
.green-text-base {
    color: #1E9E54 !important;
}

/* LIGHTER (1–5) */
.green-text-1 {
    color: #DFF8EC !important;
}

.green-text-2 {
    color: #B6EFD3 !important;
}

.green-text-3 {
    color: #8CE6BA !important;
}

.green-text-4 {
    color: #62DCA1 !important;
}

.green-text-5 {
    color: #39D288 !important;
}

/* DARKER (6–10) */
.green-text-6 {
    color: #1A8C4B !important;
}

.green-text-7 {
    color: #167A41 !important;
}

.green-text-8 {
    color: #126837 !important;
}

.green-text-9 {
    color: #0E562D !important;
}

.green-text-10 {
    color: #0A4423 !important;
}


/* BASE */
.green-bg-base {
    background: #1E9E54 !important;
}

/* LIGHTER (1–5) */
.green-bg-1 {
    background: #DFF8EC !important;
}

.green-bg-2 {
    background: #B6EFD3 !important;
}

.green-bg-3 {
    background: #8CE6BA !important;
}

.green-bg-4 {
    background: #62DCA1 !important;
}

.green-bg-5 {
    background: #39D288 !important;
}

/* DARKER (6–10) */
.green-bg-6 {
    background: #1A8C4B !important;
}

.green-bg-7 {
    background: #167A41 !important;
}

.green-bg-8 {
    background: #126837 !important;
}

.green-bg-9 {
    background: #0E562D !important;
}

.green-bg-10 {
    background: #0A4423 !important;
}


/* GREEN HOVER */
/* BASE */
.green-bg-base-hover:hover {
    background: #1E9E54 !important;
}

/* LIGHTER (1–5) */
.green-bg-1-hover:hover {
    background: #DFF8EC !important;
}

.green-bg-2-hover:hover {
    background: #B6EFD3 !important;
}

.green-bg-3-hover:hover {
    background: #8CE6BA !important;
}

.green-bg-4-hover:hover {
    background: #62DCA1 !important;
}

.green-bg-5-hover:hover {
    background: #39D288 !important;
}

/* DARKER (6–10) */
.green-bg-6-hover:hover {
    background: #1A8C4B !important;
}

.green-bg-7-hover:hover {
    background: #167A41 !important;
}

.green-bg-8-hover:hover {
    background: #126837 !important;
}

.green-bg-9-hover:hover {
    background: #0E562D !important;
}

.green-bg-10-hover:hover {
    background: #0A4423 !important;
}