/**
 * Giao diện 3 – Xanh lá.
 * Tông xanh lá tươi, hero lưới khảm, card bo góc nhẹ.
 */

:root {
	--c-primary: #1b7b3c;
	--c-primary-dark: #135c2c;
	--c-accent: #e8a10c;
	--c-alt: #f1f7f2;
	--c-border: #dce8de;
	--c-topbar-bg: #135c2c;
	--c-topbar-text: #d6ecdd;
	--c-footer-bg: #0f4a23;
	--c-footer-text: #cfe6d6;
	--c-title: #163020;
	--c-section-title: #1b7b3c;
	--radius: 8px;
	--radius-lg: 10px;
	--section-title-border: 3px solid #1b7b3c;
}

.cat-badge { color: #1b7b3c; }
.overlay-content .cat-badge { color: #ffd166; }
.ticker-label { background: #1b7b3c; }
.most-read-list li::before { color: #1b7b3c; }

/* ====== HEADER RIÊNG SKIN 3: masthead gradient xanh nhạt, logo khối lá ====== */
.masthead { background: linear-gradient(180deg, #f0f9f1 0%, #ffffff 100%); }
.site-title { position: relative; padding-left: 16px; }
.site-title::before {
	content: ""; position: absolute; left: 0; top: 6px; bottom: 6px;
	width: 6px; border-radius: 4px 0 4px 0; background: var(--c-primary);
}
.primary-menu > li > a { border-radius: 4px 4px 0 0; }