@charset "UTF-8";

/* ============================================================================
   CHỦ ĐỀ "KỶ NIỆM 81 NĂM"   (đợt 1433, việc o626)
   ----------------------------------------------------------------------------
   Chủ đề theo dịp kỷ niệm 81 năm ngày thành lập Tổng kho Xăng dầu Nhà Bè — khớp
   đúng băng rôn đang chạy thật trên đầu trang phần mềm.

   ═══ 🔴 TỆP NÀY CỐ Ý KHÔNG ĐỔI MỘT PIXEL MÀU NÀO — ĐỌC TRƯỚC KHI "TÔ CHO ĐẸP" ═══
   Anh Tiến chốt 26/08/2026 (đợt 1347), 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"*.
   ⇒ MỌI biến dưới đây BẰNG ĐÚNG bộ mặc định `petro-co-dien`, không trừ dòng nào —
     y hệt cách `e10.css` đang làm. Chất "sự kiện" của chủ đề nằm ở BIỂU TƯỢNG
     (biểu tượng chủ đề trong menu · biểu tượng tab · ảnh đại diện mặc định) và ở
     HIỆU ỨNG, ⛔ không nằm ở tông màu.

   🔑 VÌ SAO ANH CHỐT NHƯ VẬY — 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), trong khi bảng đo tương phản vẫn
     xanh đủ 30/30 — vì cặp màu ấy chưa từng có tên trong bảng. ⇒ Đổi tông màu app
     là việc phải ĐO TỪNG MÀN HÌNH và hỏi anh, ⛔ không phải việc chỉ cần một bảng
     số gật đầu. Đúng quy tắc #18 (kiểm soát rủi ro lan truyền).

   ⚠ HỆ QUẢ BẮT BUỘC ĐI KÈM, ⛔ ĐỪNG QUÊN: chủ đề này còn được MIỄN TRỪ khỏi
     `bo-mau/ap-dung.css` (mỗi bộ chọn bên ấy mang thêm một đoạn
     `:not([data-bo-mau="ky-niem-81-nam"])`). Chỉ khai biến bằng bộ mặc định là
     CHƯA ĐỦ: lớp áp dụng còn đắp biến lên những phần tử mà hôm nay app tô bằng mã
     màu viết thẳng, nên bật chủ đề lên vẫn xê dịch được vài chỗ. Gỡ đoạn miễn trừ
     ấy đi là dựng lại đúng cái đã bị anh báo một lần.

   ⚠ VÌ SAO VẪN PHẢI KHAI ĐỦ 15 BIẾN Ở CẢ BỐN GIAO DIỆN dù giá trị trùng bộ mặc
     định: hai trục `data-theme` (dáng + sáng/tối) và `data-bo-mau` (chủ đề) là
     TRỰC GIAO. Thiếu khối tối thì người đang dùng nền tối mà bấm sang chủ đề này
     sẽ mất sạch biến màu — chọn chủ đề hoá ra làm mất chế độ tối. Hàng rào
     `BoMauGiaoDienTests` đếm đủ từng biến trong từng khối.

   ⚠ HAI THỨ KHÔNG BAO GIỜ ĐỔI (anh Tiến đặt 13/08/2026): hình hiệu công ty trên
     thanh nav và ảnh nhận diện của công ty. Tệp này không nhắc tới chúng và cũng
     không có lấy một luật hiển thị nào — nó CHỈ khai biến, đúng khuôn mọi tệp chủ
     đề khác. Nơi duy nhất đắp biến lên màn hình là `ap-dung.css`.

   🕰 SANG NĂM PHẢI ĐỔI: số "81" suy từ năm thành lập 1945 (khóa cấu hình
     `BangRon.NamThanhLap`, xem `LuatBangRonChay`) — năm 2026 ra 81, năm 2027 ra
     82. Đây là chủ đề của MỘT DỊP cụ thể, ⛔ không phải bộ đếm tự chạy: tới dịp
     sau phải đổi cả mã chủ đề, nhãn và con số trên biểu tượng. Số nằm ở
     `LuatBoMauGiaoDien.SoNamKyNiem` — sửa ở đó rồi lần theo hàng rào.
   ============================================================================ */

/* ════════════════ 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, chủ đề chỉ lo TÔNG. Nhờ vậy chọn chủ đề này không làm mất dáng cổ điển. */
:root[data-bo-mau="ky-niem-81-nam"][data-theme="light"],
:root[data-bo-mau="ky-niem-81-nam"][data-theme="co-dien"] {
    /* ⭐ Mười lăm dòng dưới đây trùng khít `petro-co-dien.css` — ⛔ đừng đổi một mã màu nào
       khi chưa hỏi anh, xem khối chú thích đầu tệp. */
    --bm-nen: #ffffff;
    --bm-nen-the: #ffffff;
    --bm-chu: #212529;
    --bm-chu-mo: #6c757d;
    --bm-vien: #dee2e6;
    --bm-vien-ro: #495057;
    --bm-dai: #0a3d91;            /* xanh navy của bộ nhận diện — y hệt bộ mặc định */
    --bm-chu-tren-dai: #ffffff;
    --bm-vach-dai: #f47b20;       /* cam của bộ nhận diện — y hệt bộ mặc định */
    --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="ky-niem-81-nam"][data-theme="dark"],
:root[data-bo-mau="ky-niem-81-nam"][data-theme="co-dien-toi"] {
    /* Bản tối cũng bằng đúng bộ mặc định. Bẫy hay dính ở bản tối: nút phải SÁNG hơn nền và
       chữ trên nút thì TỐI; làm ngược là nút chìm nghỉm. Ở đây không phải lo — số lấy nguyên
       từ bộ mặc định, thứ đã chạy thật từ trước tới nay. */
    --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;
    /* ⭐ ĐỢT 1565 (việc o871) — nút chính ở bản tối phải SÁNG hơn nền, chữ trên nút thì TỐI.
       Bản cũ chép navy #0a3d91 của khối sáng ⇒ 1,64:1 trên nền #1c1f24 (cần 3:1). Bộ số này
       bằng đúng `_mau-chep-va-doi.css`. Lý do đầy đủ + số đo: chú thích cùng đợt ở `e10.css`. */
    --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. Chuẩn 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 — ép nó
   lên 3:1 là vẽ ra một cái bảng kẻ ô đen sì, khó đọc hơn hẳn.
   ⇒ 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.
   ──────────────────────────────────────────────────────────────────────────── */