/* ============================================================
   docx.vn — Design tokens · bảng màu "Mực & Giấy"
   ------------------------------------------------------------
   Nguồn màu/chữ duy nhất cho TRANG CHỦ (public/index.php).
   Bước 1: gom các mã hex lặp lại trong public/ thành biến :root
           đặt tên theo VAI TRÒ (không theo màu).
   Đổi toàn bộ giao diện = chỉ sửa file này. Không đụng PHP.
   Ghi chú: file cố ý light-only để trang chủ không bị prefers
            -color-scheme:dark lật nền. Khối dark cho admin/app
            sẽ thêm khi đồng bộ các khu vực đó.
   ============================================================ */
:root{
  /* ---------- Nền & bề mặt ---------- */
  --bg:          #FBFAF6;   /* giấy ấm — nền trang        (← #ffffff) */
  --bg-raised:   #FFFFFF;   /* thẻ, panel nổi */
  --bg-sunken:   #F3F1E9;   /* panel chìm, mục xen kẽ     (← #fafaff/#f3f0ff) */

  /* ---------- Chữ ---------- */
  --fg:          #0E2C4E;   /* mực — tiêu đề & chữ đậm    (← #0f0a2e/#0f172a) */
  --fg-2:        #3D4C5C;   /* nội dung                   (← #4b4579/#475569) */
  --fg-3:        #7A8794;   /* phụ chú, nhãn mờ           (← #9590b8/#94a3b8) */
  --line:        #E6E1D4;   /* viền, kẻ phân cách         (← #e9e4fe/#e2e8f0) */
  --line-2:      #D9D3C4;   /* viền đậm hơn               (← #d4ccfc) */

  /* ---------- Thương hiệu (thay cụm tím) ---------- */
  --blue:        #1A5FB4;   /* xanh hành động             (← #4f46e5/#2563eb) */
  --blue-strong: #164E9C;
  --blue-wash:   #E9F0FA;   /* nền info nhạt */
  --seal:        #C1440E;   /* con dấu — điểm nhấn, dùng dè */
  --seal-wash:   #FBEDE6;

  /* ---------- Ngữ nghĩa (giữ ý, chuẩn hoá 1 giá trị) ---------- */
  --ok:          #0F7A54;   --ok-wash:   #E7F4EE;
  --err:         #D64545;   --err-wash:  #FBECEC;
  --warn:        #C77A12;
  --gold:        #B8862F;   --gold-ink:  #7A5A18;   --gold-wash: #F7EFD8;   /* VIP */

  /* ---------- Chữ (thuần sans, hỗ trợ tiếng Việt) ---------- */
  --font-display: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;

  /* ---------- Hình khối ---------- */
  --r:    14px;   --r-lg: 22px;
  --shadow:    0 4px 24px rgba(14,44,78,.10);
  --shadow-lg: 0 20px 60px rgba(14,44,78,.16);

  /* ---------- Bí danh tương thích ----------
     index.php cũ tham chiếu các tên biến này; ánh xạ sang
     bảng màu mới để không phải sửa ~800 dòng CSS inline.       */
  --v1: var(--blue);   --v2: var(--blue-strong);   --v3: var(--seal);
  --grad:  linear-gradient(140deg, #123C69 0%, #1A5FB4 100%);   /* navy → xanh (thay tím) */
  --grad2: linear-gradient(140deg, #1A5FB4 0%, #164E9C 100%);
  --bg-2:  var(--bg-sunken);
  --bg-3:  var(--blue-wash);
  --border:  var(--line);
  --border2: var(--line-2);
  --t1: var(--fg);   --t2: var(--fg-2);   --t3: var(--fg-3);
  --green: var(--ok);   --red: var(--err);
}