@charset "utf-8";

/* =========================================================
   APPLICATION NAVBAR — PRODUCTIVE & CALM
	/css/components/navbar.css
   ========================================================= */

.app-navbar {
    background-color: #0f172a; /* slate-900 */
    border-bottom: 1px solid #1e293b;
}

/* Brand */
.app-navbar .navbar-brand {
    color: #e5e7eb;
    font-weight: 600;
}

.app-navbar .navbar-brand:hover {
    color: #ffffff;
}

/* Nav links */
.app-navbar .nav-link {
    color: #93c5fd;
    text-decoration: none;
    font-weight: 500;

    transition:
        color 0.15s ease,
        opacity 0.15s ease;
}

.app-navbar .nav-link:hover,
.app-navbar .nav-link:focus {
    color: #ffffff;
    opacity: 1;
}

/* Active page */
.app-navbar .nav-link.active {
    color: #ffffff;
    font-weight: 600;
}

/* Dropdowns */
.app-navbar .dropdown-menu {
    background-color: #020617; /* slate-950 */
    border: 1px solid #1e293b;
}

.app-navbar .dropdown-item {
    color: #e5e7eb;
}

.app-navbar .dropdown-item:hover {
    background-color: #1e293b;
    color: #ffffff;
}