/* --------------------------
   CSS Variables
--------------------------- */
:root {
    --first-color: #2E3192;
    --second-color: #FAB38B;
    --text-color: #fff;

    --filter-second-color: brightness(0) saturate(100%) invert(97%) sepia(17%)
    saturate(5293%) hue-rotate(299deg) brightness(100%) contrast(96%);
}

/* --------------------------
   Color Classes
--------------------------- */
.first-color {
    color: var(--first-color);
}

.second-color {
    color: var(--second-color);
}

/* --------------------------
   Background Colors
--------------------------- */
.bg-first-color {
    background-color: var(--first-color);
}

.bg-second-color {
    background-color: var(--second-color);
}

.bg-text-color {
    background-color: var(--text-color);
}

/* --------------------------
   Filters
--------------------------- */
.filter-first-color {
    filter: brightness(0) saturate(100%) invert(18%) sepia(19%)
    saturate(5990%) hue-rotate(219deg) brightness(104%) contrast(94%);
}

.filter-second-color {
    filter: var(--filter-second-color);
}

/* --------------------------
   Text Colors
--------------------------- */
.text-white {
    color: white;
}

.text-black {
    color: black;
}