/* ==========================================================================
   00-tokens.css — tách từ style.css ngày 17/08/2026 theo III.4.1.
   Nội dung bên dưới là NGUYÊN VĂN các mục §1 token màu/phông của bản gộp;
   không sửa một luật nào trong lần tách này.
   ========================================================================== */


/* ── §1 token màu/phông (dòng 32–64 của style.css cũ) ──────────────────── */

/* --------------------------------------------------------------------------
   1. TOKEN — bảng màu "4T Color Pallete" (đã xác minh từ Figma, xem style.css
      gốc của demo.tiepthitute.com — flatsome-child/style.css mục 1)
   -------------------------------------------------------------------------- */
:root {
  --t4-dark-moss:    #155446; /* Dark Moss Green — footer đậm, chữ nhấn      */
  --t4-leaf:         #458763; /* Leaf Green — nền header, chip nhãn section  */
  --t4-camel:        #CF9156; /* Camel Brown — nút chính                     */
  --t4-camel-dark:   #B77537; /* Dark Camel — hover nút chính                */
  --t4-camel-border: #AF6928; /* viền + chữ nút trắng                        */

  --t4-light: #FCFBF6; /* nền trang                                          */
  --t4-cream: #EFE8DA; /* kem — điểm đậm nhất của 2 gradient section         */

  --t4-text:  #1F1F1F;
  --t4-gray:  #3B3B3B;
  --t4-ink:   #252930;
  --t4-muted: #5E5E5E;
  --t4-white: #FFFFFF;

  /* ── BỔ SUNG 17/08/2026 sau khi quét toàn file Figma (III.4.0) ───────────
     Bốn Color Style dưới đây ĐANG ĐƯỢC DÙNG THẬT trong thiết kế mà token
     chưa hề có. Số liệu từ 'uxb/kho-style-chung.md'.

     ⚠ Thêm biến KHÔNG đổi kết xuất — chưa luật nào tham chiếu tới chúng.
     Việc thay các mã màu gõ tay rải rác bằng biến này là bước SAU, và mỗi
     lần thay phải đo lại (I.4).                                             */

  /* Figma "4T Color Pallete/Black" — 5 khung · 137 lớp.                     */
  --t4-black: #000000;

  /* ⛔ Figma có ĐÚNG HAI Color Style CÙNG TÊN "4T Color Pallete/Gray":
        #777777 — 35 khung · 273 lớp   ← bản dùng nhiều gấp ~12 lần
        #3B3B3B —  3 khung ·   7 lớp   ← đang là '--t4-gray' ở trên
     Tức '--t4-gray' hiện trỏ vào bản ÍT DÙNG. Không đổi ngay: đổi là lật
     màu ở mọi chỗ đang gọi '--t4-gray', phải đo lại từng trang. Đặt tên
     riêng cho bản kia và ghi mâu thuẫn vào 'qa/phan-hoi-figma.md'.          */
  --t4-gray-mid: #777777;

  /* Gradient xanh của Figma "Gradient 2" — 22 khung · 62 lớp.
     ⚠ Chỉ ghi CHẶN MÀU, KHÔNG ghi góc: góc phải suy từ
     'gradientHandlePositions' của từng chỗ dùng, đoán một góc chung rồi áp
     cho 22 khung là kiểu sai không ai soi ra. Nơi nào dùng thì khai góc tại
     đó và tham chiếu hai biến này.                                          */
  --t4-grad-leaf-1: #458763;
  --t4-grad-leaf-2: #155446;

  --t4-font-head: 'Playfair Display', Georgia, serif;
  --t4-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --t4-font-logo: 'Poltawski Nowy', Georgia, serif; /* riêng số "4" của logo */

  /* Figma vẽ trên khổ 1900px, nội dung thật rộng 1080px */
  --t4-container: 1080px;
  --t4-header-h: 76px;

  --t4-radius-card: 16px;
  --t4-radius-btn: 8px;
  --t4-shadow-card: 3px 3px 4px rgba(0, 0, 0, 0.25);
}