@charset "UTF-8";

/* ============================================================================
   BỘ MÀU "E10 — XĂNG SINH HỌC"   (đợt 608, anh Tiến giao 13/08/2026)
   ----------------------------------------------------------------------------
   🔴 ĐỢT 1565e (30/08/2026, việc o873) — ĐÍNH CHÍNH CẢ KHỐI CHÚ THÍCH NÀY.
     Dòng cũ ở đúng chỗ này ghi *"ĐÂY LÀ PHƯƠNG ÁN ĐỀ XUẤT, CHỜ ANH TIẾN DUYỆT"*
     — ⛔ HẾT HIỆU LỰC: anh Tiến đã trả lời từ 26/08/2026 và nhắc lại 30/08, và
     câu trả lời là **KHÔNG đổi tông màu** (xem khối ⭐ ĐỢT 1347 ngay dưới, chỗ
     khai biến). Để một dòng "chờ anh duyệt" nằm lại là mời phiên sau đi hỏi
     một câu ĐÃ CÓ ĐÁP ÁN, hoặc tệ hơn: tưởng bộ màu này còn dang dở rồi đi
     "hoàn thiện" nó — tức làm đúng thứ anh vừa bác.

   ⚠ HAI MỤC NGAY DƯỚI ("NGUỒN TÔNG MÀU" và "VÌ SAO XANH LÁ CHỈ LÀM DẢI") nói về
     một BỘ MÀU XANH LÁ **⛔ KHÔNG CÒN TỒN TẠI**: từ đợt 1347 mọi biến trong tệp
     này bằng ĐÚNG bộ mặc định (navy + cam), ⛔ không một mã xanh lá nào. Giữ lại
     vì chúng là **dấu vết VÌ SAO ĐÃ QUYẾT NHƯ VẬY** (và vì mục đầu ghi một sự
     thật vẫn còn giá trị: Petrolimex ⛔ không công bố bộ nhận diện riêng cho E10),
     ⛔ KHÔNG phải mô tả thứ đang chạy. Đọc chúng như trang lịch sử.

   ═══ NGUỒN TÔNG MÀU — nói thẳng lấy từ đâu (đo 13/08/2026, HƯỚNG ĐÃ BỊ BÁC BỎ) ═══
   Đã mở được trang thật petrolimex.com.vn ngày 13/08/2026 và đo màu đang hiển
   thị bằng getComputedStyle. Kết quả đo được:
     · #0a54a8  xanh Petrolimex (màu nhiều thứ hai trên trang)
     · #f88126  cam Petrolimex
     · #221b2f  nền tím-than của các dải tối
     · #666666 / #333333  chữ
     · #0cb24a / #32a80a  xanh lá — nhưng CHỈ dùng cho mũi tên tăng/giảm giá
   ⛔ TRÊN TRANG KHÔNG CÓ MỘT BANNER / CHUYÊN MỤC E10 NÀO CÓ BỘ MÀU RIÊNG.
     Chữ "E10" chỉ xuất hiện ở hai chỗ, đều là chữ đen trên nền trắng: các dòng
     "Xăng E10 RON 95-V / 95-III" trong bảng giá bán lẻ, và câu liệt kê mặt hàng
     ở mục "Lĩnh vực hoạt động". Tìm kiếm "E10" trên trang cũng không ra bài nào.
   ⇒ Vậy nên bộ màu này KHÔNG phải bản chép lại một bộ nhận diện sự kiện có sẵn.
     Nó ghép: (1) hai màu thương hiệu ĐO ĐƯỢC THẬT ở trên, với (2) tông xanh lá
     "sinh học" — thứ mà xăng pha ethanol dùng ở khắp nơi. Anh Tiến duyệt hoặc
     đưa bộ màu chính thức thì sửa lại đúng khối biến bên dưới là xong.

   ═══ VÌ SAO XANH LÁ CHỈ LÀM DẢI, KHÔNG LÀM MÀU SỐ ═══
   Luật dự án (CLAUDE.md): *số bất lợi ĐỎ · số có lợi XANH*. Đó là màu mang NGHĨA
   NGHIỆP VỤ trên một phần mềm nhân sự. Nếu bộ màu sự kiện tô xanh lá lên khắp
   nơi thì màu "có lợi" hết còn nói lên điều gì — tức là làm SAI LỆCH thông tin,
   chứ không chỉ là xấu.
   ⇒ Xanh lá ở đây chỉ đắp lên KHUNG (dải nav, đầu trang, nút chính) — những mảng
     lớn, không mang con số. Tệp này TUYỆT ĐỐI không đụng .text-success /
     .text-danger / .table-* / --bs-success / --bs-danger; hàng rào
     `BoMauGiaoDienTests` làm build ĐỎ nếu ai đó thêm vào.

   ═══ TƯƠNG PHẢN — ĐO BẰNG SỐ, KHÔNG PHẢI "NHÌN THẤY ỔN" ═══
   ⭐ ĐỢT 1565 (việc o871) — CÁCH ĐO ĐÃ ĐỔI, và số cũ ở đây (*"29 cặp … thấp nhất
     3,09:1"*) là số của bộ màu xanh lá đã bỏ, ⛔ đừng tin.
   Nay hàng rào `BoMauGiaoDienTests` ⛔ KHÔNG còn bảng màu chép tay: nó ĐỌC MÀU
   THẲNG TỪ TỆP NÀY rồi tính lại từng cặp khai ở `LuatCapMauBoMau` (11 cặp × 2
   giao diện hiện đại = 22 cặp mỗi tệp), nên tệp bộ màu nào cũng được canh — kể cả
   tệp thêm sau này. Đổi một mã màu ở đây mà tụt ngưỡng là build ĐỎ ngay, và câu
   báo gọi đích danh cặp biến.
   📏 Đo tay 0 token: `node cong-cu/soi-tuong-phan-bo-mau.mjs --tat-ca`.
   ⚠ Hai giao diện CỔ ĐIỂN cố ý đứng ngoài lưới (quy tắc #20 — đóng băng phát
     triển); ba cặp dưới ngưỡng của chúng đã ghi số đo trong `LuatCapMauBoMau`.

   ⚠ HAI THỨ KHÔNG BAO GIỜ ĐỔI (anh Tiến đặt): biểu tượng tab và hình hiệu công ty
     trên thanh nav. Tệp này không nhắc tới chúng, và mọi luật đều chừa tường minh
     `:not(.top-row *)` — xem ap-dung.css để biết vì sao phải chừa như vậy.
   ============================================================================ */

/* ════════════════ BẢN SÁNG — dùng cho data-theme "light" và "co-dien" ════════════════
   Gộp hai giao diện vào một khối là có chủ đích: trục DÁNG (bo góc, cỡ chữ, kẻ ô) do
   data-theme lo, bộ màu chỉ lo TÔNG. Nhờ vậy chọn E10 không làm mất dáng cổ điển. */
:root[data-bo-mau="e10"][data-theme="light"],
:root[data-bo-mau="e10"][data-theme="co-dien"] {
    /* ⭐ ĐỢT 1347 — MỌI BIẾN DƯỚI ĐÂY BẰNG ĐÚNG BỘ MẶC ĐỊNH, KHÔNG TRỪ DÒNG NÀO.
       Anh Tiến chốt 26/08/2026, nguyên văn: *"việc đổi tông màu ảnh hưởng quá nhiều, em để về mặc
       định đi, chỉ thay đổi và bổ sung thêm các logo"* + *"chủ đề chỉ làm thêm vài hiệu ứng đặc
       biệt cho dễ kiểm soát"*.
       🔑 Đây là quyết định ĐÚNG quy tắc #18 (rủi ro lan truyền), và anh nói sau khi ĐO TẬN MẮT trên
         bản dev: đổi tông kéo theo hàng loạt chỗ chữ tụt tương phản ở những màn hình không ai ngờ
         (ca thật: chữ trong bảng lưới app mờ hẳn đi). ⛔ ĐỪNG đi tô màu lại — nếu muốn thử tông mới
         thì phải hỏi anh và đo TỪNG màn hình, không phải chỉ đo 30 cặp màu trong bảng.
       ⇒ Chất "sự kiện" của chủ đề nay nằm ở LOGO + HIỆU ỨNG: biểu tượng chủ đề, biểu tượng tab,
         ảnh đại diện mặc định, huy hiệu EURO 5 + E10 trôi trên thanh nav. */
    --bm-nen: #ffffff;
    --bm-nen-the: #ffffff;
    --bm-chu: #212529;
    --bm-chu-mo: #6c757d;
    --bm-vien: #dee2e6;
    --bm-vien-ro: #495057;
    --bm-dai: #0a3d91;            /* --plx-xanh, y hệt bộ mặc định */
    --bm-chu-tren-dai: #ffffff;
    --bm-vach-dai: #f47b20;       /* y hệt bộ mặc định — xem khối chú thích ngay trên */
    --bm-chinh: #0a3d91;
    --bm-chu-tren-chinh: #ffffff;
    --bm-lien-ket: #0d6efd;
    --bm-phu: #8a4110;
    --bm-phu-nen: #f47b20;
    --bm-chu-tren-phu: #2b1400;
}

/* ════════════════ BẢN TỐI — dùng cho data-theme "dark" và "co-dien-toi" ════════════════ */
:root[data-bo-mau="e10"][data-theme="dark"],
:root[data-bo-mau="e10"][data-theme="co-dien-toi"] {
    /* Bản tối — cũng bằng đúng bộ mặc định, trừ dòng `--bm-vach-dai`. Xem lý do ở khối trên. */
    --bm-nen: #1c1f24;
    --bm-nen-the: #262a31;
    --bm-chu: #dde1e6;
    --bm-chu-mo: #9aa0a8;
    --bm-vien: #3a3f47;
    --bm-vien-ro: #8b939d;
    --bm-dai: #2d323a;
    --bm-chu-tren-dai: #dde1e6;
    --bm-vach-dai: #f47b20;       /* y hệt bộ mặc định */
    /* ⭐ ĐỢT 1565 (việc o871) — Ở BẢN TỐI, NÚT PHẢI SÁNG HƠN NỀN VÀ CHỮ TRÊN NÚT THÌ TỐI.
       Khối này trước đây chép nguyên navy #0a3d91 của bản sáng: đo 30/08/2026 ra 1,64:1 trên
       nền trang #1c1f24, trong khi một KHỐI mang thông tin cần 3:1 — nút chìm nghỉm vào nền.
       Bộ số dưới đây lấy đúng của `_mau-chep-va-doi.css` (5,66:1 · chữ trên nút 6,42:1): tệp
       mẫu vốn đã làm đúng, chỉ ba tệp thật chép sai. Đo lại: cong-cu/soi-tuong-phan-bo-mau.mjs
       ⓘ Lượt vá này KHÔNG đổi một pixel nào của màn hình hôm nay — `bo-mau/ap-dung.css` đang
         loại trừ cả ba chủ đề (đợt 1543, anh Tiến chốt đóng băng) nên `--bm-chinh` chưa được
         đắp lên đâu cả. Nó là điều kiện để ngày nào anh cho bật lại thì bật được ngay. */
    --bm-chinh: #4d9bea;
    --bm-chu-tren-chinh: #06131f;
    --bm-lien-ket: #6bb3ff;
    --bm-phu: #f8a35e;
    --bm-phu-nen: #f47b20;
    --bm-chu-tren-phu: #2b1400;
}

/* ────────────────────────────────────────────────────────────────────────────
   GHI CHÚ VỀ `--bm-vien` (kẻ mảnh trang trí) — vì sao nó KHÔNG đạt 3:1
   ----------------------------------------------------------------------------
   Đo được: bản sáng 1,38:1 · bản tối 1,45:1.
   Đây là MIỄN TRỪ CÓ CHỦ ĐÍCH, không phải chỗ quên đo. WCAG 1.4.11 chỉ buộc 3:1
   với thành phần phi văn bản MANG THÔNG TIN. Đường kẻ giữa hai hàng bảng không
   mang thông tin nào — nó chỉ giúp mắt lần theo hàng; ép nó lên 3:1 là vẽ ra một
   cái bảng kẻ ô đen sì, khó đọc hơn hẳn. Bản thân app hiện nay cũng vậy: nền tối
   đang dùng #3a3f47 trên #262a31 (~1,2:1).
   ⇒ Thứ MANG THÔNG TIN — viền ô nhập, vòng lấy nét bàn phím, mép nút — dùng
     `--bm-vien-ro`, và biến đó thì BẮT BUỘC đạt 3:1, có test canh.
   ──────────────────────────────────────────────────────────────────────────── */