body { background: var(--paper); color: var(--ink); }
#navigation, .podcast-queue,
#app-list-variant .app-list-row, #content-list .appstar-caption .title,
#article-list .caption .title { background: var(--paper); }
#navigation { border-color: var(--line); }
#navigation a:hover { background: var(--soft); }
.podcast-number, .podcast-details time, .latest-item time, .hero-kicker,
.hero-description, .app-list-subtitle, .note, .eyebrow { color: var(--muted); }
footer.site-footer, .system-footer-meta, .footer-list, .footer-registration p { color: var(--footer-text); }
.site-footer :is(h2, h3), .system-footer-meta a:hover { color: var(--ink); }
.system-footer-lockup { color: var(--header-logo-color, #9b9b9b); }
.previous-footer .footer-brand { color: var(--header-logo-color, #9b9b9b); }
.footer-registration-form input { background: var(--soft); color: var(--ink); border-color: var(--line); }
.section-divider, .footer-divider, .latest-list li + li, .app-list-copy { border-color: var(--line); }
#preview, #article-reader { background: var(--reader-paper); color: var(--ink); }
#article-reader::backdrop, #article-reader .reader-page { background: var(--reader-paper); }
#article-reader .reader-back { background: var(--soft); }
#article-reader button:focus-visible, button:focus-visible, a:focus-visible { outline-color: var(--ink); }
/* Leva and its portals sit above navigation; native modal dialogs remain in the top layer. */
:root { --layer-controls: 2000; --layer-header: 1001; }
#articles-controls { position: relative; z-index: var(--layer-controls); }
.articles-controls-panel { z-index: var(--layer-controls); }