.navbar {
    background-color: var(--color-brand-primary);
    color: var(--color-brand-secondary);
    padding: 1rem;
}

.navbar a {
    font-family: var(--font-title);
    font-size: var(--font-size-button);
    letter-spacing: 1px;
    padding: 0.5rem 1rem;
    color: var(--color-brand-secondary);
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.navbar a:hover {
    background-color: var(--color-interactive-hover);
}