/* ============================================================
   Vua Mắm — Design tokens (từ README design handoff)
   ============================================================ */
:root {
	/* Nền */
	--vm-bg: #fbf6ec;
	--vm-cream: #f6eeda;
	--vm-card: #fff;

	/* Viền */
	--vm-line: #f0e6d2;
	--vm-line-2: #e7d9bf;

	/* Đỏ chủ đạo */
	--vm-red: #8a1e1b;
	--vm-red-hover: #741613;
	--vm-red-deep: #641210;
	--vm-red-dark: #5c1210;
	--vm-footer: #4a100e;
	--vm-promo: #7c1a17;

	/* Phụ */
	--vm-orange: #d9782a;
	--vm-gold: #c19a53;
	--vm-gold-2: #e5a02f;
	--vm-green: #3f7d3b;
	--vm-green-bg: #eaf6ea;

	/* Chữ */
	--vm-ink: #2a211c;
	--vm-ink-2: #5a4a3f;
	--vm-ink-3: #7a6a58;
	--vm-ink-4: #9a8878;
	--vm-ink-5: #b3a595;

	/* Fonts */
	--vm-font-body: 'Be Vietnam Pro', sans-serif;
	--vm-font-head: 'Playfair Display', serif;
	--vm-font-script: 'Dancing Script', cursive;
	--vm-font-logo: 'Baloo 2', cursive;

	/* Bo góc */
	--vm-r-card: 18px;
	--vm-r-btn: 12px;
	--vm-r-input: 11px;
	--vm-r-banner: 22px;

	/* Layout */
	--vm-container: 1240px;
	--vm-header-h: 88px;

	/* Shadow */
	--vm-shadow-sm: 0 2px 10px rgba(42, 33, 28, 0.06);
	--vm-shadow: 0 10px 30px rgba(42, 33, 28, 0.1);
	--vm-shadow-lg: 0 18px 50px rgba(42, 33, 28, 0.16);

	/* Trạng thái */
	--vm-error: #c0392b;
	--vm-error-bg: #fdf1ef;
}