:root {
    --violet_00: #8227f1;
    --violet_01: #9b5de5;
    --violet_02: #ab7ee3;
    --violet_03: #c8a5f4;
    --violet_04: #e3d6f2;
    --violet_05: #f3e9fe;

    /* --violet_00: #006369;
    --violet_01: #1b9298;
    --violet_02: #41b5bb;
    --violet_03: #64c6cb;
    --violet_04: #8adbe1;
    --violet_05: #c6eeef; */

    /* --violet_00: #0c7300;
    --violet_01: #309824;
    --violet_02: #59b44f;
    --violet_03: #87cc7f;
    --violet_04: #b2dcad;
    --violet_05: #e0edde; */

    /* --violet_00: #e96535;
    --violet_01: #ea7950;
    --violet_02: #ec9b7d;
    --violet_03: #eeb5a0;
    --violet_04: #efd0c4;
    --violet_05: #f1ebe8; */

    --pink_00: #ff0099b5;
    --pink_01: #f047ac;
    --pink_02: #f27ec4;
    --pink_03: #f29ed0;
    --pink_04: #f4bdde;
    --pink_05: #ffe8f5;

    --yellow_00: #ffdd00;
    --yellow_01: #fee440;
    --yellow_02: #fce972;
    --yellow_03: #fff2a0;
    --yellow_04: #fef6c4;
    --yellow_05: #fffcea;

    --turquoise_00: #00ffdd;
    --turquoise_01: #25f1d6;
    --turquoise_02: #41f8e0;
    --turquoise_03: #7cfbea;
    --turquoise_04: #b6fcf3;
    --turquoise_05: #e2fffb;

    --bg-violet-05-op9: rgba(240, 227, 254, 0.9);
    --bg-violet-05-op8: rgba(240, 227, 254, 0.8);
    --bg-violet-05-op7: rgba(240, 227, 254, 0.7);
    --bg-violet-05-op6: rgba(240, 227, 254, 0.6);
    --bg-violet-05-op5: rgba(240, 227, 254, 0.5);
    --bg-violet-05-op4: rgba(240, 227, 254, 0.4);
    --bg-violet-05-op3: rgba(240, 227, 254, 0.3);
    --bg-violet-05-op2: rgba(240, 227, 254, 0.2);
    --bg-violet-05-op1: rgba(240, 227, 254, 0.1);

    /* --bg-violet-05-op9: rgb(198, 238, 239, 0.9);
    --bg-violet-05-op8: rgb(198, 238, 239, 0.8);
    --bg-violet-05-op7: rgb(198, 238, 239, 0.7);
    --bg-violet-05-op6: rgb(198, 238, 239, 0.6);
    --bg-violet-05-op5: rgb(198, 238, 239, 0.5);
    --bg-violet-05-op4: rgb(198, 238, 239, 0.4);
    --bg-violet-05-op3: rgb(198, 238, 239, 0.3);
    --bg-violet-05-op2: rgb(198, 238, 239, 0.2);
    --bg-violet-05-op1: rgb(198, 238, 239, 0.1); */

    --bg_dark: #252525;
    --bg_dark_op9: rgba(37, 37, 37, 0.9);
    --bg_dark_op8: rgba(37, 37, 37, 0.8);
    --bg_dark_op7: rgba(37, 37, 37, 0.7);
    --bg_dark_op6: rgba(37, 37, 37, 0.6);
    --bg_dark_op5: rgba(37, 37, 37, 0.5);
    --bg_dark_op4: rgba(37, 37, 37, 0.4);
    --bg_dark_op3: rgba(37, 37, 37, 0.3);
    --bg_dark_op2: rgba(37, 37, 37, 0.2);
    --bg_dark_op1: rgba(37, 37, 37, 0.1);
    --bg_dark_op05: rgba(37, 37, 37, 0.05);
    --bg_dark_font_color: #878787;

    --bg_transparent: transparent;

    --white: #fff;

    --shadow-1: 0px 0px 5px #9a5757;
    --shadow-2: 0px 0px 10px #9a5757;
    --shadow-3: 0px 0px 15px #9a5757;
    --shadow-4: 0px 0px 20px #9a5757;
    --shadow-5: 0px 0px 25px #9a5757;
}

/* ============================================================= */
/* Violet Font and Background */
.font-violet-00 {
    color: var(--violet_00) !important;
}

.font-violet-01 {
    color: var(--violet_01) !important;
}

.font-violet-02 {
    color: var(--violet_02) !important;
}

.font-violet-03 {
    color: var(--violet_03) !important;
}

.font-violet-04 {
    color: var(--violet_04) !important;
}

.font-violet-05 {
    color: var(--violet_05) !important;
}

.bg-violet-00 {
    background: var(--violet_00) !important;
}

.bg-violet-01 {
    background: var(--violet_01) !important;
}

.bg-violet-02 {
    background: var(--violet_02) !important;
}

.bg-violet-03 {
    background: var(--violet_03) !important;
}

.bg-violet-04 {
    background: var(--violet_04) !important;
}

.bg-violet-05 {
    background: var(--violet_05) !important;
}

.bg-violet-05-op9 {
    background: var(--bg-violet-05-op9) !important;
}

.bg-violet-05-op8 {
    background: var(--bg-violet-05-op8) !important;
}

.bg-violet-05-op7 {
    background: var(--bg-violet-05-op7) !important;
}

.bg-violet-05-op6 {
    background: var(--bg-violet-05-op6) !important;
}

.bg-violet-05-op5 {
    background: var(--bg-violet-05-op5) !important;
}

.bg-violet-05-op4 {
    background: var(--bg-violet-05-op4) !important;
}

.bg-violet-05-op3 {
    background: var(--bg-violet-05-op3) !important;
}

.bg-violet-05-op2 {
    background: var(--bg-violet-05-op2) !important;
}

.bg-violet-05-op1 {
    background: var(--bg-violet-05-op1) !important;
}

.bg-transparent {
    background: var(--bg_transparent);
}

/* End of Violet Font and Background */
/* ============================================================= */



/* ============================================================= */
/* Pink Font and Background */
.font-pink-00 {
    color: var(--pink_00) !important;
}

.font-pink-01 {
    color: var(--pink_01) !important;
}

.font-pink-02 {
    color: var(--pink_02) !important;
}

.font-pink-03 {
    color: var(--pink_03) !important;
}

.font-pink-04 {
    color: var(--pink_04) !important;
}

.font-pink-05 {
    color: var(--pink_05) !important;
}

.bg-pink-00 {
    background: var(--pink_00) !important;
}

.bg-pink-01 {
    background: var(--pink_01) !important;
}

.bg-pink-02 {
    background: var(--pink_02) !important;
}

.bg-pink-03 {
    background: var(--pink_03) !important;
}

.bg-pink-04 {
    background: var(--pink_04) !important;
}

.bg-pink-05 {
    background: var(--pink_05) !important;
}

/* End of Pink Font and Background */
/* ============================================================= */



/* ============================================================= */
/* Yellow Font and Background */
.font-yellow-00 {
    color: var(--yellow_00) !important;
}

.font-yellow-01 {
    color: var(--yellow_01) !important;
}

.font-yellow-02 {
    color: var(--yellow_02) !important;
}

.font-yellow-03 {
    color: var(--yellow_03) !important;
}

.font-yellow-04 {
    color: var(--yellow_04) !important;
}

.font-yellow-05 {
    color: var(--yellow_05) !important;
}

.bg-yellow-00 {
    background: var(--yellow_00) !important;
}

.bg-yellow-01 {
    background: var(--yellow_01) !important;
}

.bg-yellow-02 {
    background: var(--yellow_02) !important;
}

.bg-yellow-03 {
    background: var(--yellow_03) !important;
}

.bg-yellow-04 {
    background: var(--yellow_04) !important;
}

.bg-yellow-05 {
    background: var(--yellow_05) !important;
}

/* End of Yellow Font and Background */
/* ============================================================= */



/* ============================================================= */
/* Turquoise Font and Background */
.font-turquoise-00 {
    color: var(--turquoise_00) !important;
}

.font-turquoise-01 {
    color: var(--turquoise_01) !important;
}

.font-turquoise-02 {
    color: var(--turquoise_02) !important;
}

.font-turquoise-03 {
    color: var(--turquoise_03) !important;
}

.font-turquoise-04 {
    color: var(--turquoise_04) !important;
}

.font-turquoise-05 {
    color: var(--turquoise_05) !important;
}

.bg-turquoise-00 {
    background: var(--turquoise_00) !important;
}

.bg-turquoise-01 {
    background: var(--turquoise_01) !important;
}

.bg-turquoise-02 {
    background: var(--turquoise_02) !important;
}

.bg-turquoise-03 {
    background: var(--turquoise_03) !important;
}

.bg-turquoise-04 {
    background: var(--turquoise_04) !important;
}

.bg-turquoise-05 {
    background: var(--turquoise_05) !important;
}

/* End of Turquoise Font and Background */
/* ============================================================= */

.bg-dark {
    background: var(--bg_dark) !important;
}

.bg-dark-op9 {
    background: var(--bg_dark_op9) !important;
}

.bg-dark-op8 {
    background: var(--bg_dark_op8) !important;
}

.bg-dark-op7 {
    background: var(--bg_dark_op7) !important;
}

.bg-dark-op6 {
    background: var(--bg_dark_op6) !important;
}

.bg-dark-op5 {
    background: var(--bg_dark_op5) !important;
}

.bg-dark-op4 {
    background: var(--bg_dark_op4) !important;
}

.bg-dark-op3 {
    background: var(--bg_dark_op3) !important;
}

.bg-dark-op2 {
    background: var(--bg_dark_op2) !important;
}

.bg-dark-op1 {
    background: var(--bg_dark_op1) !important;
}

.bg-dark-op05 {
    background: var(--bg_dark_op05) !important;
}


/* Shadows: */
.shadow-1 {
    box-shadow: var(--shadow-1) !important;
}

.shadow-2 {
    box-shadow: var(--shadow-2) !important;
}

.shadow-3 {
    box-shadow: var(--shadow-3) !important;
}

.shadow-4 {
    box-shadow: var(--shadow-4) !important;
}

.shadow-5 {
    box-shadow: var(--shadow-5) !important;
}