:root {
    --sea_storm: #4AC4F3;
    --midnight: #1B1D23;
    --night: #07090F;
    --charcoal: #25272C;
    --dark_fossil: #3F4249;
    --stone: #6E7478;
    --light_fossil: #FDFDFF;
    --fossil: #E2E2E3;
}

/* NAVBAR -> */

.dark-mode .navbar.scrolled {
    background-color: var(--night) !important;
    box-shadow: rgba(88, 88, 88, 0.199) 0px 1px 4px;
}

.dark-mode .navbar .navbar-container .navbar-toggler {
    color: #fff;
}

.dark-mode .navbar .navbar-container .brand {
    color: #fff;
}

.dark-mode .navbar .navbar-container {
    color: #fff;
}

.dark-mode .navbar .navbar-container .navbar-right ul li a.active {
    color: var(--sea_storm);
}

.dark-mode .navbar .navbar-container .navbar-right ul li a {
    color: #fff;
}

@media(max-width: 820px) {
    .dark-mode .navbar .navbar-container .navbar-menu {
        color: #fff;
        background-color: var(--night);
    }
}

/* Color mode switcher */

.dark-mode .switcher-container label .toggle {
    background-color: var(--fossil) !important;
    opacity: 15%;
}

/* NAVBAR <- */

/* HERO -> */

.dark-mode .hero_first {
    background-color: var(--midnight) !important;
}

.dark-mode .hero_second {
    background-color: var(--night);
}

.dark-mode .hero_second__item h2 {
    color: var(--light_fossil);
}

.dark-mode .hero_second__item p {
    color: var(--fossil);
}

/* HERO <- */

/* ABOUT -> */

.dark-mode .about_top {
    background-color: var(--midnight);
}

.dark-mode .about_top__container h1 {
    color: var(--light_fossil);
}

.dark-mode .about_top__container p {
    color: var(--fossil);
}

.dark-mode .about_bottom {
    color: var(--fossil) !important;
    background-color: var(--night);
}

.dark-mode .about_bottom p {
    color: var(--fossil);
}

/* ABOUT <- */

/* USECASES -> */

.dark-mode .usecases {
    background-color: var(--midnight);
}

/* USECASES <- */

/* TECHNOLOGY -> */

.dark-mode .technology {
    background-color: var(--charcoal);
}

.dark-mode .technology_container h1 {
    color: var(--light_fossil);
}

.dark-mode .tecnology_content__item {
    background-color: var(--dark_fossil);
}

.dark-mode .tecnology_content__item h2 {
    color: var(--light_fossil);
}

.dark-mode .tecnology_content__item p {
    color: var(--fossil);
}

/* TECHNOLOGY <- */

/* FORM SECTION -> */

.dark-mode .questions {
    background-color: var(--charcoal);
}

.dark-mode .questions_container h1 {
    color: var(--light_fossil);
}

.dark-mode .questions_container p {
    color: var(--fossil);
}

.dark-mode .questions_question {
    color: var(--light_fossil) !important;
}

.dark-mode .questions_description {
    color: var(--fossil) !important;
}

.dark-mode .questions_answer input {
    color: var(--fossil);
    background-color: var(--dark_fossil);
    border: 1px dashed rgba(139, 139, 139, 0.4);
}

.dark-mode .questions_switch button {
    color: var(--fossil);
}

/* FORM SECTION <- */

/* FOOTER -> */

.dark-mode .footer {
    background-color: var(--night);
}

.dark-mode .footer_top__item4 form {
    background-color: rgba(255, 255, 255, .1);
}

.dark-mode .footer_top__item4 form input {
    background-color: transparent;
}

.dark-mode .questions_popup {
    background-color: var(--midnight) !important;
}

.dark-mode .questions_popup__message {
    color: var(--fossil) !important;
}

/* FOOTER <- */