:root {
    --color-primary-awmun: #730a2e;
    --color-secondary-awmun: #aa692e;
    --color-primary-ayimun: #22B6F1;
    --color-secondary-ayimun: #0D73BE;
}

/* === Background === */
.bg-awmun-primary { background-color: var(--color-primary-awmun); }
.bg-awmun-secondary { background-color: var(--color-secondary-awmun); }
.bg-ayimun-primary { background-color: var(--color-primary-ayimun); }
.bg-ayimun-secondary { background-color: var(--color-secondary-ayimun); }
/* === Background === ./end */


/* === Text === */
.text-awmun-primary { color: var(--color-primary-awmun);}
.text-awmun-secondary { color: var(--color-secondary-awmun);}
.text-ayimun-primary { color: var(--color-primary-ayimun);}
.text-ayimun-secondary { color: var(--color-secondary-ayimun);}
/* === Text === ./end */


/* === Button === */
.btn:hover {
    background-color: rgb(229, 228, 226);
    color: #222121c2 !important;
}
/* === Button === ./end */



/* === Loading Spinner === */
.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75) no-repeat center center;
    z-index: 99999;
    transition: 0.5s;
}

.loadingBackdrop {
    position: absolute !important;
    top: 0 !important;
    width: 100vw;
    height: 100vh !important;
    z-index: 999;
    background-color: rgb(0, 0, 0, 0.2);
}