/**
 * BMS Vietnam — Design tokens
 *
 * Nguồn: "Tín Đạt Controls.pdf" (11 trang).
 * File PDF là ảnh raster (0 ký tự text, không có file Figma), nên toàn bộ mã màu
 * dưới đây được SAMPLE TRỰC TIẾP TỪ PIXEL bằng pdftoppm ở 300 dpi trên vùng UI
 * đặc trưng (nút bấm, logo, dải nền), không phải ước lượng bằng mắt.
 *
 * Cách đo lại khi cần:
 *   pdftoppm -png -r 300 -f 3 -l 3 -x 300 -y 2440 -W 900 -H 200 "Tín Đạt Controls.pdf" btn
 *
 * ⚠️ --bms-green-brand nên được đối chiếu lại với file logo gốc của khách hàng;
 *    giá trị hiện tại lấy từ logo trong PDF nên chịu ảnh hưởng khử răng cưa.
 */

:root {
  /* ── Xanh thương hiệu ─────────────────────────────────────────── */
  --bms-green-brand: #07803f;   /* logo "B" + chữ BMS VIETNAM        (hue 148, sat .96) */
  --bms-green-600:   #056240;   /* nút chính, CTA                     (hue 158, sat .95) */
  --bms-green-900:   #012e1a;   /* phủ hero, dải CTA, nền footer      (hue 153, sat .98) */
  --bms-green-700:   #04492f;   /* trạng thái hover của nút chính */
  --bms-green-050:   #f4f7f4;   /* nền section nhạt */

  /*
   * ⚠️ SAI SỐ ĐO --bms-green-600: đo 3 nút khác nhau (đã bỏ viền khử răng cưa)
   * cho 3 kết quả lệch nhau ~±8 RGB, do PDF nén lossy làm sai lệch sắc độ:
   *     Liên hệ  "GỬI YÊU CẦU"        #056240  hue 158 sat .95   n=432  ← đang dùng
   *     Giới thiệu "KHÁM PHÁ GIẢI PHÁP" #116D43  hue 153 sat .84   n=152
   *     Dự án     "Nhận tư vấn"        #1A633D  hue 149 sat .74   n=104
   * Chọn #056240 vì vùng tô đặc lớn nhất (mẫu nhiều gấp 3-4 lần) nên ít bị
   * pha trắng nhất; nhiễu JPEG có xu hướng làm NHẠT màu chứ không đậm thêm.
   * Cần đối chiếu lại khi có file thiết kế gốc hoặc bộ nhận diện thương hiệu.
   */

  /* ── Trung tính ───────────────────────────────────────────────── */
  --bms-ink:      #101413;   /* tiêu đề */
  --bms-body:     #3f4a46;   /* nội dung */
  --bms-muted:    #909696;   /* chú thích, meta   (đo được) */
  --bms-border:   #d8d8d8;   /* viền card, đường kẻ (đo được) */
  --bms-line:     #c6c6c6;   /* đường phân cách đậm hơn (đo được) */
  --bms-surface:  #ffffff;   /* nền card */
  --bms-canvas:   #fafafa;   /* nền trang (màu phổ biến nhất: 9.6% pixel) */

  /* ── Bo góc ───────────────────────────────────────────────────── */
  --bms-radius-sm: 6px;
  --bms-radius:    10px;   /* card sản phẩm / dự án / bài viết */
  --bms-radius-lg: 16px;   /* khối lớn, ảnh hero */
  --bms-radius-pill: 999px; /* pill hotline, badge, nút tròn */

  /* ── Đổ bóng ──────────────────────────────────────────────────── */
  --bms-shadow-sm: 0 1px 2px rgba(16, 20, 19, .04);
  --bms-shadow:    0 2px 10px rgba(16, 20, 19, .06);
  --bms-shadow-lg: 0 8px 30px rgba(16, 20, 19, .10);

  /* ── Nhịp khoảng cách (thang 4px) ─────────────────────────────── */
  --bms-space-1: 4px;
  --bms-space-2: 8px;
  --bms-space-3: 12px;
  --bms-space-4: 16px;
  --bms-space-5: 24px;
  --bms-space-6: 32px;
  --bms-space-7: 48px;
  --bms-space-8: 64px;
  --bms-space-9: 96px;   /* khoảng cách dọc giữa 2 section */

  /* ── Khung lưới ───────────────────────────────────────────────── */
  --bms-container: 1200px;
  --bms-gutter: 24px;

  /* ── Chữ ──────────────────────────────────────────────────────── */
  --bms-font-sans: "Be Vietnam Pro", "Afacad Flux", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bms-font-display: var(--bms-font-sans);

  --bms-fs-hero:    clamp(2rem, 1.2rem + 2.4vw, 3.25rem);  /* H1 hero */
  --bms-fs-h2:      clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem); /* tiêu đề section */
  --bms-fs-h3:      1.25rem;
  --bms-fs-body:    1rem;
  --bms-fs-sm:      .875rem;
  --bms-fs-label:   .75rem;   /* nhãn section chữ hoa */

  --bms-lh-tight:  1.2;
  --bms-lh-normal: 1.6;
  --bms-ls-label:  .12em;   /* giãn chữ cho nhãn section */
}

/**
 * Ánh xạ sang biến của theme gốc (header.php sinh --mau1..--mau4 từ ACF).
 * Giữ lại để CSS cũ trong style.css không vỡ trong lúc chuyển đổi dần.
 * Khi các template cũ đã được viết lại hết, có thể bỏ khối này.
 */
:root {
  --mau1: var(--bms-green-600);
  --mau2: var(--bms-green-900);
  --mau3: var(--bms-green-brand);
  --mau4: var(--bms-green-050);
}