.site-header {
    position: sticky;
    top: 0;
    z-index: var(--header-z-index);
    min-height: var(--header-height);
    background-color: var(--color-bg);
    border-bottom: 1px solid var(--color-border);
}

.navbar {
    max-width: var(--container-width);
    min-height: var(--header-height);
    margin: 0 auto;
    padding: 0 var(--section-padding-x);

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    color: var(--color-text);
    font-size: var(--text-lg);
    font-weight: 700;
    text-decoration: none;
}

.nav-links {
    display: flex;
    gap: var(--space-md);
    list-style: none;
}

.nav-links a {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.nav-links a:hover {
    color: var(--color-primary);
}