/* ==========================================================================
   TÂN HIỆP INVESTMENT — Brand tokens cho web
   Nguồn: skill `tanhiep-brandguide-ai` (Forest Deck standard, v10) §2 Brand Tokens
   Các giá trị dưới đây là NON-NEGOTIABLE theo brandguide — không tự đặt hex mới.

   Cập nhật 27 Jul 2026: web công khai + intranet chuyển từ palette wabi-sabi
   (paper #F4F0E8 / clay #A8765C / sage #78826E, Noto Serif + Roboto) sang đúng
   chuẩn THG. Brandguide §5 "Avoid" cấm nền cream/beige và cấm trộn font
   → toàn bộ chuyển sang nền trắng / pale green và CHỈ dùng Roboto.

   File này chỉ khai báo token. Mỗi trang tự viết layout của mình.
   Dùng: <link rel="stylesheet" href="assets/thg-brand.css"> đặt TRƯỚC <style> của trang.
   ========================================================================== */
:root{
  /* --- 2.1 Colors (bảng brandguide) --- */
  --thg-primary:#2D5233;        /* Primary — tiêu đề, badge, nút chính, nền tối */
  --thg-primary-light:#4A7050;  /* Primary Light — hình trang trí, accent phụ, hover */
  --thg-primary-dark:#1A3520;   /* Primary Dark — vách chia mục, vùng tương phản sâu */
  --thg-pale:#E8F0E9;           /* Pale — nền badge, fill nhạt, highlight nhẹ */
  --thg-gold:#B8935A;           /* Gold Accent — DÙNG TIẾT CHẾ, tối đa 1–2 chỗ mỗi màn */
  --thg-gold-text:#8A6D2E;      /* §7.6 — gold đủ tương phản khi chữ trắng đè lên */
  --thg-text:#1F2937;           /* Text Dark — chữ thân trên nền sáng */
  --thg-text-gray:#6B7280;      /* Text Gray — phụ đề, caption, footer */
  --thg-bg-light:#F9FAFB;       /* Light BG — nền thẻ, dòng bảng xen kẽ */
  --thg-white:#FFFFFF;

  /* --- phái sinh từ thang xám của brandguide (viền/chữ mờ) --- */
  --thg-line:#E5E7EB;           /* viền thẻ, kẻ ngang — theo border card §4.4 */
  --thg-line-strong:#D1D5DB;    /* viền nhấn, nút ghost */
  --thg-text-faint:#9CA3AF;     /* footer trên nền tối §3.2 */

  /* --- Status colors (§2.1 — CHỈ dùng cho bảng rủi ro / KPI / dashboard) --- */
  --thg-bad-bg:#FEE2E2;   --thg-bad:#B91C1C;
  --thg-warn-bg:#FEF3C7;  --thg-warn:#B45309;
  --thg-ok-bg:#DCFCE7;    --thg-ok:#166534;
  --thg-info-bg:#DBEAFE;  --thg-info:#1E40AF;

  /* --- 2.2 Typography: Roboto duy nhất, không trộn font --- */
  --thg-font:Roboto,"Helvetica Neue",Arial,sans-serif;

  /* --- chuyển động (không thuộc brandguide, giữ để UI mượt) --- */
  --thg-ease:cubic-bezier(.22,.61,.36,1);
  --thg-shadow-card:0 2px 8px -2px rgba(31,41,55,.08);   /* §5 blur 8 · offset 2 · opacity .08 */
  --thg-shadow-lift:0 18px 40px -28px rgba(31,41,55,.45);
}

/* Chuỗi fallback bắt buộc — nếu Roboto không tải được thì CHỌN MỘT fallback
   và dùng xuyên suốt, không trộn (brandguide §2.2). */
html{font-family:var(--thg-font)}

/* Bo góc thẻ 6–10pt ≈ 8–13px (brandguide §5 "Do") */
:root{--thg-radius:10px;--thg-radius-sm:8px}