/* ============================================================
   THÚ Y NHÀ MÈO — biến thương hiệu
   Sửa file này là đổi được toàn bộ nhận diện của website.
   Được nạp TRƯỚC thẻ <style> nội tuyến.
   ============================================================ */
:root{

  /* ---- Bảng màu ---------------------------------------------
     Xanh mòng két = màu chính (nút, số liệu, liên kết).
     Cam đất CHỈ dùng cho chip cấp cứu, không dùng rộng.        */
  --nen:#F7F6F1;            /* nền trang                        */
  --nen-dam:#EFEDE5;        /* nền băng xen kẽ                  */
  --muc:#1D2422;            /* chữ chính (14,62:1 trên nền)     */
  --muc-nhat:#556360;       /* chữ phụ (5,81:1 trên nền)        */
  --xanh:#2A6F6B;           /* xanh mòng két — màu nhấn chính   */
  --xanh-dam:#1F5451;       /* trạng thái hover                 */
  --xanh-nhat:#E4EFEE;      /* nền chip/băng nhạt               */
  --cam:#D08C4A;            /* cam đất — CHỈ chip cấp cứu       */
  --cam-chu:#9F6329;        /* cam đủ đậm cho chữ nhỏ (4,52:1)  */
  --the:#FFFFFD;            /* nền thẻ                          */
  --vien:#E0DDD2;           /* đường viền mảnh                  */

  /* Màu trên nền tối (băng CTA xanh đậm) */
  --tren-toi:#F4F7F6;
  --tren-toi-nhat:#BFD3D1;

  /* ---- Kiểu chữ ---------------------------------------------
     Cả ba face đều có bộ dấu tiếng Việt đầy đủ. KHÔNG dùng
     serif mảnh (Cormorant, Playfair…) vì vỡ dấu thanh.         */
  --font-tieu-de:'Be Vietnam Pro',system-ui,sans-serif;  /* 700/800 */
  --font-chu:'Nunito Sans',system-ui,sans-serif;         /* thân bài */
  --font-nhan:'DM Mono',ui-monospace,monospace;          /* nhãn, mã hồ sơ */

  /* ---- Bo góc — hệ (b) ---------------------------------------- */
  --bo-the:16px;            /* thẻ và ảnh   */
  --bo-nho:10px;            /* ô nhập liệu  */
  --bo-chip:999px;          /* chip, nút    */

  /* ---- Bố cục ------------------------------------------------- */
  --rong:1200px;
  --le:clamp(16px,4vw,40px);          /* lề trang, sàn 16px       */
  /* Mật độ VN: khoảng cách khối CHẶT, không bao giờ "airy" */
  --khoang-chat:clamp(2.5rem,4.5vw,40px);
  --khoang-thuong:clamp(3rem,5.5vw,56px);

  /* ---- Đổ bóng ------------------------------------------------ */
  --bong:0 1px 2px rgba(29,36,34,.05), 0 8px 20px -12px rgba(29,36,34,.18);
  --bong-noi:0 2px 4px rgba(29,36,34,.06), 0 16px 32px -16px rgba(29,36,34,.26);

  /* ---- Chuyển động -------------------------------------------- */
  --nhip:cubic-bezier(.16,1,.3,1);
  --thoi-gian:.4s;
}