/* Helle Vergleichsvariante. Alle Regeln sind auf diese Auswahl begrenzt. */
html[data-nav-variant="new"][data-nav-theme="light"] :is(#nav, #mobile-menu) {
    --nav-background: #fff;
    --nav-ink: var(--nav-calibrated-blue, #1a5174);
    --nav-light: var(--nav-calibrated-blue, #1a5174);
    --nav-muted: #526579;
    --nav-amber: #b85d08;
    --nav-lime: #50751a;
    --nav-rule: rgba(7, 27, 45, 0.14);
    --nav-menu-color: var(--nav-ink);
}

html[data-nav-variant="new"][data-nav-theme="light"][data-nav-color="orange"] :is(#nav, #mobile-menu) {
    --nav-menu-color: var(--nav-amber);
}

html[data-nav-variant="new"][data-nav-theme="light"] #nav .brand-claim {
    color: var(--nav-ink);
}

/* Mega-Menüs verwenden unverändert die Live-Regeln aus site-navigation.css. */