/* ═══════════════════════════════════════════════════════════════════════════
   theme.css — HỆ MÀU PAPASAN ERP.

   ⚠️ BẢN THỬ NGHIỆM RIÊNG CỦA KẾ TOÁN — 08/08/2026.
   Từ ngày này, ketoan KHÔNG còn cùng giá trị token với 6 app QLPPS kia
   (6 app đó vẫn ở bảng cũ: brand #D23C0E, warning #F59E0B, info #2563EB).
   Mỗi repo có file theme.css riêng nên sửa ở đây không lan sang app khác.
   Nếu chốt giữ bảng này thì phải chép sang 6 repo kia; nếu bỏ thì khôi phục
   bảng cũ ghi ở cuối file.

   ───────────────────────────────────────────────────────────────────────────
   VÌ SAO ĐỔI — ba con số đo được, không phải cảm tính:

   1. Logo `static/papasan_icon_1024.png` đếm pixel ra ĐÚNG HAI màu:
      #FEB041 hổ phách (13,7%) và #603814 nâu cà phê (10,2%).
      Brand cũ #D23C0E KHÔNG xuất hiện trong logo và lệch 21° hue khỏi nó.

   2. --warning cũ (#F59E0B) gần như trùng hổ phách của logo → badge cảnh báo
      trông "thương hiệu" hơn cả màu thương hiệu.

   3. Đếm cụm sắc trên một màn hình: cũ 5, nay 3.
      Cách bớt KHÔNG phải xoá thông tin mà là gán lại nghĩa (xem mục 5).

   TÊN TOKEN GIỮ NGUYÊN 100% — chỉ đổi giá trị. Không template nào phải sửa.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ═══ 1. THƯƠNG HIỆU — họ hổ phách, rút từ logo ═════════════════════════
     #FEB041 nguyên bản của logo chỉ đạt 1,9:1 trên nền trắng → KHÔNG dùng
     làm chữ được. Giữ nguyên hue 35° và hạ độ sáng tới khi đạt AA có biên:
       --brand       5,22:1 trên #FFFFFF · 4,94:1 trên --bg-page
       --brand-hover 5,96:1 trên --brand-soft  (nút chính, bản cũ chỉ 4,57)  */
  --brand:       #9E5D09;
  --brand-hover: #7F4B07;
  --brand-soft:  #FBE7C6;

  /* ═══ 2. NỀN — đúng 2 mức, ám ấm hơn bản cũ một nấc ═══════════════════ */
  --bg-card: #FFFFFF;
  --bg-page: #FDF8F0;

  /* ═══ 3. VIỀN — đúng 1 mức ════════════════════════════════════════════ */
  --border: #E7D7BE;
  --focus-ring: 0 0 0 3px rgba(158, 93, 9, .28);

  /* ═══ 4. CHỮ — đúng 3 mức, rút từ nâu cà phê #603814 của logo ═════════
     Ba mức giãn 15,4 → 8,9 → 5,7:1 trên nền thẻ. Cách nhau đủ xa để phân
     cấp đọc được, không phải ba sắc xám na ná nhau.                       */
  --text-1: #33210F;   /* 15,38:1 — tiêu đề, số tiền */
  --text-2: #5E452C;   /*  8,88:1 — nội dung */
  --text-3: #7D6248;   /*  5,66:1 trên thẻ · 5,35:1 trên nền trang */
  --text-on-brand: #FFFFFF;

  /* ═══ 5. TRẠNG THÁI — còn ĐÚNG 3 tín hiệu, mỗi màu một nghĩa ══════════
     Hai nước cờ bớt màu:

     · --warning DÙNG LẠI chính brand. Hổ phách vốn đã nghĩa là "chú ý tôi",
       không cần một sắc vàng thứ hai đứng cạnh. Bớt 1 sắc.
       (Lợi thêm: nền --warning + chữ trắng nay đạt 5,22:1; bản cũ #F59E0B
        với chữ trắng chỉ 2,15:1 — đó là lỗi tương phản thật, đang có ở
        badge đếm việc trong `index.html`.)

     · --info thành NÂU TRUNG TÍNH. "Chờ CEO" nghĩa là đang chờ người khác,
       nó nên lùi lại chứ không nên hét lên. Bớt 1 sắc, và bỏ được màu xanh
       dương lạnh vốn đâm vào nền kem ấm.

     Còn lại: hổ phách = cần bạn xử lý · lục = xong · đỏ = hỏng/từ chối.    */
  --danger:  #B02A18;  --danger-soft:  #F9E2DD;  --danger-fg:  #8A1F11;
  --success: #2E7D4F;  --success-soft: #E1EFE5;  --success-fg: #1F5C39;
  --warning: #9E5D09;  --warning-soft: #FBE7C6;  --warning-fg: #7F4B07;
  --info:    #7D6248;  --info-soft:    #F1E9DD;  --info-fg:    #5E452C;

  /* ═══ 6. THƯƠNG HIỆU BÊN THỨ BA — không đổi, đó là nhận diện của họ ═══ */
  --facebook:  #0084FF;
  --messenger: #1877F2;
  --zalo:      #0068FF;

  /* ═══ 7. ĐỔ BÓNG — ám theo nâu cà phê của logo, không đen thuần ═══════ */
  --shadow-sm: 0 1px 3px rgba(96, 56, 20, .08);
  --shadow-md: 0 2px 10px rgba(96, 56, 20, .10);
  --shadow-lg: 0 10px 32px rgba(96, 56, 20, .16);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ĐƯỜNG LÙI — bảng cũ trước 08/08/2026, vẫn đang chạy ở 6 app QLPPS kia.
   Muốn quay lại: chép nguyên khối dưới đây đè lên khối :root ở trên.

     --brand:#D23C0E;  --brand-hover:#BF370D;  --brand-soft:#FBE5D0;
     --bg-card:#FFFFFF; --bg-page:#FBF8F5; --border:#DFD2C6;
     --focus-ring:0 0 0 3px rgba(210,60,14,.25);
     --text-1:#2A2521; --text-2:#54483F; --text-3:#736659;
     --danger:#DC2626;  --danger-soft:#FEE2E2;  --danger-fg:#991B1B;
     --success:#16A34A; --success-soft:#DCFCE7; --success-fg:#15803D;
     --warning:#F59E0B; --warning-soft:#FEF3C7; --warning-fg:#92400E;
     --info:#2563EB;    --info-soft:#DBEAFE;    --info-fg:#1D4ED8;
     --shadow-sm:0 1px 3px rgba(90,48,16,.08);
     --shadow-md:0 2px 10px rgba(90,48,16,.10);
     --shadow-lg:0 10px 32px rgba(90,48,16,.16);

   CÒN NỢ nếu giữ bảng mới: 12 dòng màu chuỗi biểu đồ hard-code trong
   `templates/index.html` (#1a3a6e navy, #e67e22 cam…) được chọn cho bảng cũ,
   chưa hoà với hổ phách/nâu — xem lại khi chốt.
   ═══════════════════════════════════════════════════════════════════════════ */