/* COLORS */
html {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-lgray: #ebebeb;
    --color-gray: #cccccc;
    --color-dgray: #666666;
    --color-blue: #0611c5;
    --color-red: #dd442f;
}
.color-white {
    color: var(--color-white);
}
body, .color-black {
    color: var(--color-black);
}
.color-lgray {
    color: var(--color-lgray);
}
.color-gray {
    color: var(--color-gray);
}
.color-dgray {
    color: var(--color-dgray);
}
.color-blue {
    color: var(--color-blue);
}
.color-red {
    color: var(--color-red);
}

/* BACKGROUND COLORS */
.bg-beige {
    background-color: var(--color-beige);
}
.bg-gray {
    background-color: var(--color-gray);
}
body, .bg-lgray {
    background-color: var(--color-lgray);
}
.bg-dgray {
    background-color: var(--color-dgray);
}
/* OVERLAYS */
.overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.3;
}