.btn {
    background: #0674ee;
}
.btn:hover {
    background: #3c5182;
}
.main-background {
    background: #19233b;
}
.main-background-2 {
    background: #243352;
}
.main-color {
    color: #0674ee;
}
.main-background,
.main-background-hover {
    background: #0674ee;
    transition: all .4s ease-in;
}
.main-background-hover:hover {
    background: #3c5182;
}

.link {
    color: #0674ee !important;
    transition: all .3s ease-in;
}
.link:hover {
    color: #004a9e !important;
    transition: all .3s ease-in;
}
.white-color {
    color: #fff;
}

/* LIGHT */
/* colors */
body.light-mode .mode-text-color-1,
body.light-mode .mode-text-color-1-hover {
    color: #444;
}
body.light-mode .mode-text-color-1-hover:hover {
    color: #fff;
}
body.light-mode .mode-text-color-2 {
    color: #666;
}
/* backgrounds */
body.light-mode .mode-background-1 {
    background: #fff;
    border-color: #cfcfcf;
}
body.light-mode .mode-background-2 {
    background: #f5f7fb;
    border-color: #e2e8f4;
}
/* forms */
body.light-mode .mode-input-background {
    background: #f2f6fa;
    color: #333;
    border-color: #e3ecf4;
}
/* end light-mode */


/* DARK */
/* colors */
body.dark-mode .mode-text-color-1,
body.dark-mode .mode-text-color-1-hover {
    color: #ffff;
}
body.dark-mode .mode-text-color-1-hover:hover {
    color: #fff;
}
body.dark-mode .mode-text-color-2 {
    color: #8795b1;
}
/* backgrounds */
body.dark-mode .mode-background-1 {
    background: #0e1728;
    border-color: #17273c !important;
}
body.dark-mode .mode-background-2 {
    background: #060816;
    border-color: #17273c !important;
}
body.dark-mode .mode-background-3 {
    background: #20293d;
    border-color: #465065 !important;
}
/* forms */
body.dark-mode .mode-input-background {
    background: #20283d;
    color: #fff;
    border-color: #2a3553;
}
/* end dark-mode */