/* ==========================================
   Light Navigation
========================================== */

.navbar__menu a {
    color: var(--clr-heading);
}

.navbar__logo-light {

    display: none;

}

.navbar__logo-dark {

    display: block;

}

/* ==========================================
   Sticky State
========================================== */

.navbar.scrolled .navbar__menu a {

    color: var(--clr-white);

}

.navbar.scrolled .navbar__logo-light {

    display: block;

}

.navbar.scrolled .navbar__logo-dark {

    display: none;

}