/* Chế độ tối — #0B1520 / thẻ #121F2D / đường #223447 / chữ #E8F0F7 #9FB3C6 / chủ đạo #6FB3E0 */
:root[data-theme="dark"] {
	--c-bg: #0B1520;
	--c-tint: #0F1B2A;
	--c-tint2: #162638;
	--c-card: #121F2D;
	--c-line: #223447;
	--c-text: #E8F0F7;
	--c-muted: #9FB3C6;
	--c-primary: #6FB3E0;
	--c-primary-deep: #8EC5E8;
	--c-primary-soft: #1B3550;
	--c-link: #8EC5E8;
	--c-mist: #2E5878;
	--c-midnight: #CFE8F7;
	--c-glass: rgba(18, 31, 45, .66);
	--c-glass-line: rgba(111, 179, 224, .2);
	--c-hl: rgba(111, 179, 224, .28);
	--c-cloud: #9FB3C6;
	--c-img-dim: .86;
	--c-danger: #FF8A80;
	--c-ok: #6FD0A1;
	--g-brand: linear-gradient(135deg, #3E86BD 0%, #1E4E7C 100%);
	--g-dawn: linear-gradient(160deg, #0B1520 0%, #10243A 55%, #0F1B2A 100%);
	--sh-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);
	--sh-2: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 32px rgba(0, 0, 0, .4);
	--sh-3: 0 6px 16px rgba(0, 0, 0, .5), 0 28px 60px rgba(0, 0, 0, .55);
	--art-sky: #10243A;
	--art-sky2: #0B1520;
	--art-mist: #1B3550;
	--art-far: #2E5878;
	--art-mid: #3E86BD;
	--art-near: #1E4E7C;
	--art-deep: #081521;
	--logo-bg: #6FB3E0;
	--logo-fg: #0B1520;
	color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--c-bg: #0B1520;
		--c-tint: #0F1B2A;
		--c-tint2: #162638;
		--c-card: #121F2D;
		--c-line: #223447;
		--c-text: #E8F0F7;
		--c-muted: #9FB3C6;
		--c-primary: #6FB3E0;
		--c-primary-deep: #8EC5E8;
		--c-primary-soft: #1B3550;
		--c-link: #8EC5E8;
		--c-mist: #2E5878;
		--c-midnight: #CFE8F7;
		--c-glass: rgba(18, 31, 45, .66);
		--c-glass-line: rgba(111, 179, 224, .2);
		--c-hl: rgba(111, 179, 224, .28);
		--c-cloud: #9FB3C6;
		--c-img-dim: .86;
		--c-danger: #FF8A80;
		--c-ok: #6FD0A1;
		--g-brand: linear-gradient(135deg, #3E86BD 0%, #1E4E7C 100%);
		--g-dawn: linear-gradient(160deg, #0B1520 0%, #10243A 55%, #0F1B2A 100%);
		--sh-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);
		--sh-2: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 32px rgba(0, 0, 0, .4);
		--sh-3: 0 6px 16px rgba(0, 0, 0, .5), 0 28px 60px rgba(0, 0, 0, .55);
		--art-sky: #10243A;
		--art-sky2: #0B1520;
		--art-mist: #1B3550;
		--art-far: #2E5878;
		--art-mid: #3E86BD;
		--art-near: #1E4E7C;
		--art-deep: #081521;
		--logo-bg: #6FB3E0;
		--logo-fg: #0B1520;
		color-scheme: dark;
	}
}
:root[data-theme="dark"] .mdtd-arch { border-color: #121F2D; }
:root[data-theme="dark"] .mdtd-arch-sub { border-color: #121F2D; }
:root[data-theme="dark"] .mdtd-eyebrow { background: #1B3550; color: #CFE8F7; }
:root[data-theme="dark"] .mdtd-chip { background: #1B3550; color: #CFE8F7; }
:root[data-theme="dark"] .mdtd-notice--info { background: #1B3550; border-color: #2E5878; color: #CFE8F7; }
:root[data-theme="dark"] .mdtd-notice--success { background: #12301F; border-color: #1F5E3B; color: #BFEBD2; }
:root[data-theme="dark"] .mdtd-notice--error { background: #3A1512; border-color: #7A2A24; color: #FFC9C4; }
:root[data-theme="dark"] .mdtd-btn--light { background: #E8F0F7; color: #0B1520; }
:root[data-theme="dark"] .mdtd-card::after { background: linear-gradient(115deg, transparent 35%, rgba(142, 197, 232, .12) 50%, transparent 65%); }
:root[data-theme="dark"] .mdtd-footer { background: #07101A; }
:root[data-theme="dark"] .mdtd-wx-day.is-cold { background: linear-gradient(#1B3550, var(--c-card) 70%); }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) .mdtd-arch { border-color: #121F2D; }
	:root:not([data-theme]) .mdtd-arch-sub { border-color: #121F2D; }
	:root:not([data-theme]) .mdtd-eyebrow { background: #1B3550; color: #CFE8F7; }
	:root:not([data-theme]) .mdtd-chip { background: #1B3550; color: #CFE8F7; }
	:root:not([data-theme]) .mdtd-notice--info { background: #1B3550; border-color: #2E5878; color: #CFE8F7; }
	:root:not([data-theme]) .mdtd-notice--success { background: #12301F; border-color: #1F5E3B; color: #BFEBD2; }
	:root:not([data-theme]) .mdtd-notice--error { background: #3A1512; border-color: #7A2A24; color: #FFC9C4; }
	:root:not([data-theme]) .mdtd-btn--light { background: #E8F0F7; color: #0B1520; }
	:root:not([data-theme]) .mdtd-card::after { background: linear-gradient(115deg, transparent 35%, rgba(142, 197, 232, .12) 50%, transparent 65%); }
	:root:not([data-theme]) .mdtd-footer { background: #07101A; }
	:root:not([data-theme]) .mdtd-wx-day.is-cold { background: linear-gradient(#1B3550, var(--c-card) 70%); }
}