/* Navigation */
.nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: var(--spacing-4) var(--spacing-6);
    background-color: var(--color-primary-dark);
    box-shadow: var(--shadow-md);
}

.nav-inner {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    color: var(--color-white);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.nav-logo {
    width: 32px;
    height: 32px;
    color: var(--color-accent);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
}

.nav-link {
    color: var(--color-text-on-dark-muted);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    transition: all var(--transition-fast);
}

.nav-link:hover {
    color: var(--color-white);
}

.nav-cta {
    margin-left: var(--spacing-4);
}

@media (max-width: 768px) {
    .nav-links { display: none; }
}