.navbar {
    background: transparent !important;
    backdrop-filter: none;
    border-bottom: none;
    position: relative;
}

.navbar-brand {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--text-color) !important;
}

.nav-link {
    color: var(--text-color) !important;
    font-weight: 500;
    transition: color var(--transition-speed) ease;
}

.nav-link:hover {
    color: var(--accent-color) !important;
}

.button-primary {
    background: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
    border: none;
    color: #fff;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 999px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all var(--transition-speed) ease;
    text-decoration: none;
    display: inline-block;
}

.button-primary:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
    color: #fff;
}