/* Cà Phê Rẫy Cũ — bộ biến thương hiệu (lớp tuỳ biến)
   Sửa các giá trị dưới đây là đổi được toàn bộ giao diện.
   Nạp TRƯỚC thẻ <style> nội tuyến nên mọi var() bên dưới đều có hiệu lực. */
:root{
  /* ── Bảng màu — 5 màu + 1 accent ───────────────────────────── */
  --nen:#FAF6F0;         /* nền trang — kem sữa */
  --muc:#241C16;         /* chữ chính, dải tối, footer */
  --nau-rang:#6B4226;    /* nâu rang — tiêu đề phụ, viền nhấn */
  --cam-dat:#C1663F;     /* ACCENT — nút, giá, số lớn, hover */
  --cam-dat-chu:#984524; /* ACCENT dạng chữ nhỏ trên nền sáng (AA) */
  --the:#F2EAE0;         /* nền thẻ/card */
  --vien:rgba(36,28,22,.14);
  --xam:#5A4C42;         /* chữ phụ, đạt AA trên nền kem (6.1:1) */
  --nen-tren-toi:#F6EFE7;/* chữ trên dải tối */
  --xam-tren-toi:#BCA898;/* chữ phụ trên dải tối (AA) */
  --do-km:#B4341F;       /* đỏ khuyến mãi — giá sale, nhãn giảm */
  --xanh-zalo:#0068ff;
  --xanh-mess:#0084ff;

  /* ── Kiểu chữ — bộ chữ an toàn dấu tiếng Việt ──────────────── */
  --chu-tieu-de:"Be Vietnam Pro", system-ui, sans-serif;
  --chu-than:"Be Vietnam Pro", system-ui, sans-serif;
  --chu-mono:"DM Mono", ui-monospace, monospace;

  /* ── Thang cỡ chữ ──────────────────────────────────────────── */
  --cx-hero:clamp(2.25rem, 4.6vw, 3.5rem);
  --cx-h2:clamp(1.625rem, 3vw, 2.375rem);
  --cx-h3:1.1875rem;
  --cx-lead:1.125rem;
  --cx-than:1.0625rem;      /* 17px */
  --cx-nho:.9375rem;
  --cx-mono:.75rem;         /* nhãn mono 12px */
  --cx-so:clamp(2rem, 5vw, 3.25rem);

  /* ── Bố cục ────────────────────────────────────────────────── */
  --le:44px;                /* lề trang, giảm dần theo màn hình */
  --rong:1240px;
  --bo:12px;                /* bo góc hệ (b): 12px thẻ/ảnh */
  --bo-chip:999px;          /* chip/nút bo tròn */
  --doan-chat:40px;         /* --section-y-tight */
  --doan:56px;              /* --section-y-base */
  --nhip:cubic-bezier(.16, 1, .3, 1);
}
@media (max-width:1024px){ :root{ --le:24px; } }
@media (max-width:600px){ :root{ --le:16px; } }
@media (max-width:360px){ :root{ --le:14px; } }