/*
 * BỘ MÀU THAM KHẢO — chọn mẫu bằng đuôi địa chỉ, ví dụ index.html?theme=la
 * Không có ?theme= thì dùng màu mặc định (Mẫu 1: nâu đen + vàng) trong styles.css.
 * Chọn xong mẫu nào thì báo em, em đưa thành mặc định.
 */

/* MẪU 2 — Xanh lá tự nhiên (hợp tên "Ăn Lành", hợp logo page xanh lá + táo đỏ) */
html[data-theme="la"] {
	--night: #17301f; --night-2: #25492f; --on-night: #f2f4e4;
	--gold: #eab84e; --gold-ink: #2b2105; --accent-text: #b07a14;
	--red: #a3262a; --red-dark: #7d1c20; --red-soft: #f6e4de;
	--head: #1f4d2c; --green: #2f6b3a;
	--cream: #f8f6ec; --cream-2: #eaeedb; --warm: #f0f4dc; --warm-2: #fbfcf2; --warm-line: #d9e0bd; --line: #d9dcc2; --white: #ffffff;
	--hero-title: #fbfcef; --hero-lead: #cfdcc4; --hero-em: #f5ca66; --hero-eyebrow: #eab84e;
	--foot-text: #c4d2bb; --foot-link: #efe7b9; --foot-h: #eab84e;
}

/* MẪU 3 — Sáng, hiện đại (nền kem sáng, đỏ táo làm điểm nhấn, ít nặng) */
html[data-theme="sang"] {
	--night: #fff4e2; --night-2: #fbe0bd; --on-night: #3a2218;
	--gold: #b3261e; --gold-ink: #ffffff; --accent-text: #b3261e;
	--red: #b3261e; --red-dark: #7a1710; --red-soft: #fbe4df;
	--head: #6b1a14; --green: #3f6b3a;
	--cream: #fffdf8; --cream-2: #fbf1e1; --warm: #fff6e8; --warm-2: #fffcf5; --warm-line: #f2dfc2; --line: #eddcc4;
	--hero-title: #4a1410; --hero-lead: #6b4a3d; --hero-em: #b3261e; --hero-eyebrow: #b3261e;
	--foot-text: #6b4a3d; --foot-link: #b3261e; --foot-h: #4a1410;
}
html[data-theme="sang"] .topbar { box-shadow: 0 2px 14px rgba(60, 25, 15, .08); }
html[data-theme="sang"] .hero-photo::before { border-color: color-mix(in srgb, var(--red) 30%, transparent); }
html[data-theme="sang"] .hero-photo img, html[data-theme="sang"] .gift img { box-shadow: 0 24px 48px rgba(120, 50, 30, .22); }
html[data-theme="sang"] .btn-ghost-light { color: var(--red-dark); border-color: var(--red); }
html[data-theme="sang"] .btn-ghost-light:hover { background: var(--red-soft); }
html[data-theme="sang"] .gift { border-top: 1px solid var(--warm-line); border-bottom: 1px solid var(--warm-line); }
html[data-theme="sang"] footer { border-top: 1px solid var(--warm-line); }
html[data-theme="sang"] .stickybar { box-shadow: 0 -6px 20px rgba(60, 25, 15, .12); }

/* MẪU 4 — Đỏ rượu vang + đất nung (sang, ấm, hợp mùa Tết và quà biếu) */
html[data-theme="vang"] {
	--night: #3a0f1a; --night-2: #5e1a2b; --on-night: #f9e9de;
	--gold: #e0a07a; --gold-ink: #2b0f12; --accent-text: #a8572e;
	--red: #8e1b30; --red-dark: #5c1020; --red-soft: #f8e1e2;
	--head: #5c1020; --green: #3f6b3a;
	--cream: #fbf2ec; --cream-2: #f3e1d6; --warm: #fdeee4; --warm-2: #fff8f3; --warm-line: #ecd2c4; --line: #e8d3c8;
	--hero-title: #fff3ea; --hero-lead: #ebd2c7; --hero-em: #f2b88f; --hero-eyebrow: #e0a07a;
	--foot-text: #e0c3b8; --foot-link: #f5d4bd; --foot-h: #e0a07a;
}