/* BỘ CHUẨN — nơi DUY NHẤT khai màu, chữ, khoảng cách. Đổi ở đây là cả web đổi. Cấm ghi thẳng mã màu vào main.css. */
:root{
  /* màu */
  --c:#D32F2F;            /* màu chính: đầu trang, nút MUA, giá nhấn (chữ trắng trên nền này đạt 5:1) */
  --c-ink:#FFFFFF;        /* chữ trên nền màu chính */
  --ink:#1F2A24;         /* xanh đen: nhãn giảm giá, chân trang, thẻ chọn đang bật */
  --text:#2B2622;        /* chữ chính */
  --muted:#6B625A;       /* chữ phụ */
  --strike:#8A8078;      /* giá gạch */
  --bg:#F5F4F1;          /* nền trang */
  --card:#FFFFFF;
  --line:#E7E1DB;
  --promo-bg:#FDECEC;    /* nền dải ưu đãi */
  --promo-line:#F3C6C6;
  --tint:#FBE1E1;        --tint-ink:#8A2F2F;    /* ô ảnh giữ chỗ, tông hồng */
  --tint-g:#E2EEE4;      --tint-g-ink:#2F5A3B;  /* tông xanh lá nhạt */
  --tint-y:#F5E9C6;      --tint-y-ink:#6B5411;  /* tông vàng nhạt */
  --tint-b:#E4E8F5;      --tint-b-ink:#2C3F86;  /* tông xanh dương nhạt */
  --tint-r:#FDE0E0;      --tint-r-ink:#A61E1E;
  --footer-text:#E8E2DC; --footer-muted:#A8A097;

  /* chữ */
  --font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fs-page:34px; --fs-block:22px; --fs-price:18px; --fs-body:16px; --fs-label:14px;

  /* khoảng cách: chỉ dùng các số này */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:40px;

  /* bo góc */
  --r-btn:10px; --r-card:12px; --r-idea:14px; --r-banner:18px; --r-pill:999px;

  /* kích thước */
  --gutter:16px;          /* lề hai bên điện thoại */
  --btn-h:44px;
  --bar-h:72px;           /* thanh đáy điện thoại */
}
@media (min-width:900px){ :root{ --gutter:40px; } }