/* ============================================================
   TẦNG 1 — TOKENS
   Màu, font, khoảng cách, chuyển động. Nguồn sự thật duy nhất.
   Đổi màu thương hiệu = sửa file này = mọi trang mới đổi theo.

   ⚠️ COÂ LẬP: biến khai báo trên .bmh, KHÔNG phải :root.
   Nhờ vậy các trang Elementor cũ không hề bị chạm tới.
   ============================================================ */

.bmh{
  /* ---------- MÀU ---------- */
  --ink:#262626;         /* heading, nền đậm      | 12.6:1 trên bone — AA PASS */
  --body:#404040;        /* chữ nội dung          |  8.9:1 — AA PASS */
  --muted:#6E6E6E;       /* chú thích             |  4.6:1 — AA PASS
                            (KHÔNG dùng #888888 = 2.9:1 — FAIL) */
  --bone:#F3EEE7;        /* nền kể chuyện: hero, triết lý, dự án */
  --white:#FFFFFF;       /* NỀN TRƯNG BÀY ĐÁ — bắt buộc trắng,
                            đá tông ấm bị chìm trên nền be */
  --clay:#5B564A;        /* phụ, dùng rất ít */
  --hairline:rgba(38,38,38,.20);

  /* ---------- BỐ CỤC ---------- */
  --maxw:1440px;
  --gutter:clamp(20px,5vw,60px);
  --gap:clamp(18px,2.6vw,48px);

  /* ---------- KHOẢNG CÁCH ---------- */
  --sp-s:20px; --sp-m:36px; --sp-l:72px;
  --sp-xl:104px; --sp-xxl:144px;

  /* ---------- CHỮ ---------- */
  --font-head:'Montserrat',Helvetica,Arial,sans-serif;
  --font-body:'Mulish',Helvetica,Arial,sans-serif;

  --fs-hero:clamp(30px,4.4vw,60px);
  --fs-h1-phu:clamp(26px,3.4vw,42px);  /* tieu de trang con — nho hon hero trang landing */
  --fs-h2:30px; --fs-h3:20px; --fs-label:12px;
  --fs-body:16px;          /* KHÔNG dùng 13px — quá nhỏ cho khách Việt */
  --fs-body-l:18px;
  --fs-caption:14px;

  /* heading IN HOA tiếng Việt CẦN >=1.5 để dấu chồng tầng
     (Ữ Ậ Ổ Ỡ) không đâm vào dòng trên */
  --lh-head:1.5; --lh-hero:1.28; --lh-body:1.8;

  /* ---------- CHUYỂN ĐỘNG ---------- */
  --t-ui:.5s; --t-slow:1.25s; --t-reveal:1.5s;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Tablet
   (18/08 — sếp/user chê "khoảng trắng lớn": 2 khối kề nhau CỘNG DỒN đệm
   2 phía nên màn nhỏ phải siết mạnh hơn bản 17/08; desktop GIỮ NGUYÊN) */
@media(max-width:991.98px){
  .bmh{
    --sp-s:16px; --sp-m:24px; --sp-l:36px;
    --sp-xl:48px; --sp-xxl:60px;
    --fs-h2:24px; --fs-h3:18px;
  }
}
/* Điện thoại — khoảng cách co lại nhưng CHỮ KHÔNG nhỏ đi nhiều */
@media(max-width:575.98px){
  .bmh{
    --sp-m:20px; --sp-l:26px; --sp-xl:34px; --sp-xxl:44px;
    --fs-h2:21px; --fs-h3:17px; --fs-body:15px; --fs-body-l:16px;
  }
}