/* NÂU — Quán cà phê. Tone "Nâu-đen cafe" (coffee/espresso): nâu đậm + kem latte + dark espresso. Ấm, mộc, cozy. */
:root[data-theme="cafe"] {
  --bg-0:#ffffff; --bg-1:#f7f1e8; --bg-2:#f0e6d8; --bg-3:#e6d8c4; --bg-4:#d8c4a8; --bg-5:#2a1d12;
  --bg-dark:#2a1d12; --bg-dark-2:#1c130b; --nav-bg:rgba(247,241,232,0.85);
  --border:#ece0cf; --border-strong:#2a1d12; --divider:rgba(42,29,18,0.10);
  --text-1:#2a1d12; --text-2:#5a4738; --text-3:#877360; --text-4:#a89580; --text-5:#cbbba4;
  /* ★ PRIMARY slot = nâu-đen cafe (đổ vào --pink* dù không hồng) */
  --pink:#4a2c1a; --pink-2:#3a2214; --pink-3:#2a1810;
  --pink-soft:#ede3d6; --pink-tint:rgba(74,44,26,0.12); --pink-glow:rgba(74,44,26,0.28);
  --shadow-sm:0 1px 2px rgba(42,29,18,0.06);
  --shadow-md:0 8px 24px rgba(42,29,18,0.10);
  --shadow-lg:0 20px 48px rgba(74,44,26,0.18);
  --shadow-pink:0 12px 32px rgba(74,44,26,0.28);
  --shadow-pink-sm:0 4px 16px rgba(74,44,26,0.22);
  --shadow-ground:rgba(42,29,18,0.20);
  /* cozy: bo mềm vừa + display ấm */
  --r-lg:12px; --r-xl:16px; --r-2xl:22px;
  --font-display:'Bricolage Grotesque', Georgia, serif;
  --font-sans:'Inter', system-ui, sans-serif;
}