/**
 * @file ubv-newspaper/assets/css/news-dark.css
 *
 * Dark mode overrides for the newspaper variant. The parent sets
 * data-ubv-theme="dark" on <html>, so we hook into that.
 */

 :root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-masthead {
	background: var(--ubv-white);
	border-bottom-color: var(--ubv-line);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-site-title {
	color: var(--ubv-ink);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-nav a {
	color: var(--ubv-ink-soft);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-nav a:hover,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-nav .current-menu-item > a {
	background: rgba(253, 79, 24, 0.16);
	color: var(--ubv-accent);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-menu-toggle {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--ubv-ink);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-ticker {
	background: var(--ubv-white);
	border-bottom-color: var(--ubv-line);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-ticker-pause {
	border-color: var(--ubv-line);
	color: var(--ubv-ink-soft);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-section--alt {
	background: var(--ubv-paper-deep);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-card,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-list-item,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-hero-stack,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-hero-popular {
	background: var(--ubv-white);
	border-color: var(--ubv-line);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-card-media,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-list-item-media,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-stack-card-media {
	background: rgba(255, 255, 255, 0.04);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-card-title,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-list-item-title,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-stack-card-title,
:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-popular-title {
	color: var(--ubv-ink);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-archive-header {
	background: var(--ubv-paper-deep);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-tag {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.10);
	color: var(--ubv-ink-soft);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-article-nav-link {
	background: var(--ubv-white);
	border-color: var(--ubv-line);
}

:root[data-ubv-theme="dark"] .ubv-variant-newspaper .ubv-news-footer {
	background: #06080b;
}