/**
 * Giao diện 4 – Nền tối (Dark).
 * Nền tối chữ sáng, nhấn xanh dương sáng, header gọn dính khi cuộn.
 */

:root {
	--c-primary: #3b82f6;
	--c-primary-dark: #0b1220;
	--c-accent: #60a5fa;
	--c-bg: #0f1623;
	--c-surface: #141d2e;
	--c-alt: #1b2638;
	--c-text: #dbe4f0;
	--c-muted: #8fa0b8;
	--c-border: #263349;
	--c-nav-bg: #141d2e;
	--c-nav-text: #dbe4f0;
	--c-topbar-bg: #0b1220;
	--c-topbar-text: #8fa0b8;
	--c-footer-bg: #0b1220;
	--c-footer-text: #8fa0b8;
	--c-title: #f2f6fc;
	--c-section-title: #60a5fa;
	--radius: 8px;
	--radius-lg: 12px;
	--card-bg: #141d2e;
	--card-pad: 12px;
	--shadow: 0 4px 14px rgba(0, 0, 0, .35);
	--section-title-border: 2px solid #263349;
}

.site-title { color: #60a5fa; }
.masthead { border-bottom-color: #263349; }
.main-nav { border-bottom: 2px solid #3b82f6; }
.breaking-ticker { background: #141d2e; border-bottom-color: #263349; }
.ticker-label { background: #3b82f6; }
.card-small, .card-archive { --card-bg: transparent; --card-pad: 0px; box-shadow: none; }
.thumb-placeholder { background: linear-gradient(135deg, #1b2638, #263349); }
.entry-content a { color: #60a5fa; }
.pagination .page-numbers { border-color: #263349; }
.comment-form input[type="text"], .comment-form input[type="email"],
.comment-form input[type="url"], .comment-form textarea { background: #141d2e; border-color: #263349; }