@charset "UTF-8";

/* ============================================================================
   BỘ MÀU "PETRO CỔ ĐIỂN"  —  BỘ MẶC ĐỊNH  (đợt 608)
   ----------------------------------------------------------------------------
   Xanh navy + cam của bộ nhận diện Petrolimex — ĐÚNG như phần mềm vẫn hiển thị
   từ trước tới nay.

   ⚠⚠ TỆP NÀY CỐ Ý KHÔNG CÓ MỘT LUẬT ÁP DỤNG NÀO — chỉ khai biến. ⚠⚠
   Vì sao: quy tắc #17 của dự án — *cài bản mới KHÔNG được đổi giao diện của ai*.
   App đang chạy liên tục ở máy triển khai và gói cập nhật tự trôi sang; nếu tệp
   này đặt dù chỉ một `background-color`, thì đúng cái giây gói mới cài xong là
   433 người đang dùng thấy màn hình đổi màu mà không ai bấm gì.
   ⇒ Bộ mặc định = *không làm gì cả*. Người dùng phải TỰ BẤM mới sang bộ khác.
   Hàng rào `BoMauGiaoDienTests` bắt build ĐỎ nếu tệp này mọc ra luật áp dụng.

   ⇒ Các biến dưới đây hiện KHÔNG có ai đọc. Chúng ở đây để:
     (1) ghi lại hiện trạng bằng con số, làm mốc so cho mọi bộ màu sau;
     (2) sẵn sàng cho ngày phiên chính chuyển các mã màu dán cứng trong
         app.css / co-dien.css sang biến (danh sách chỗ cần chuyển nằm ở
         HUONG-DAN-THEM-BO-MAU.md, mục "MÀU CÒN DÁN CỨNG").

   Mọi con số dưới đây ĐO TỪ app.css / co-dien.css ngày 13/08/2026, không bịa.
   ============================================================================ */

/* ───── Hiện đại NỀN SÁNG (data-theme="light") ───── */
:root[data-bo-mau="petro-co-dien"][data-theme="light"] {
    --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 */
    --bm-chu-tren-dai: #ffffff;
    --bm-vach-dai: #f47b20;        /* vạch dưới thanh nav (đợt 1340) */
    --bm-chinh: #0a3d91;
    --bm-chu-tren-chinh: #ffffff;
    --bm-lien-ket: #0d6efd;
    --bm-phu: #8a4110;            /* cam Petrolimex hạ tối cho đủ tương phản khi làm CHỮ trên trắng */
    --bm-phu-nen: #f47b20;        /* --plx-cam: chỉ dùng làm NỀN / vạch, không dùng cho chữ nhỏ */
    --bm-chu-tren-phu: #2b1400;
}

/* ───── Hiện đại NỀN TỐI (data-theme="dark") ───── */
:root[data-bo-mau="petro-co-dien"][data-theme="dark"] {
    --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;        /* vạch dưới thanh nav (đợt 1340) */
    /* ⭐ ĐỢ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`.
       ⛔ Khối `co-dien-toi` ngay dưới CỐ Ý giữ nguyên navy: giao diện cổ điển đã ĐÓNG BĂNG
         phát triển (quy tắc #20), và hàng rào tương phản cũng chỉ canh hai giao diện hiện đại. */
    --bm-chinh: #4d9bea;
    --bm-chu-tren-chinh: #06131f;
    --bm-lien-ket: #6bb3ff;
    --bm-phu: #f8a35e;
    --bm-phu-nen: #f47b20;
    --bm-chu-tren-phu: #2b1400;
}

/* ───── Cổ điển NỀN SÁNG (data-theme="co-dien") — bộ màu MẶC ĐỊNH của app ───── */
:root[data-bo-mau="petro-co-dien"][data-theme="co-dien"] {
    --bm-nen: #fbfbfb;
    --bm-nen-the: #ffffff;
    --bm-chu: #1a1a1a;
    --bm-chu-mo: #4a4a4a;
    --bm-vien: #c6c6c6;
    --bm-vien-ro: #7f9db9;        /* viền ô nhập kiểu WebForms cũ */
    --bm-dai: #ececec;            /* dải kim loại sáng của thanh trên */
    --bm-chu-tren-dai: #23313f;
    --bm-vach-dai: #f47b20;        /* vạch dưới thanh nav (đợt 1340) */
    --bm-chinh: #0a3d91;
    --bm-chu-tren-chinh: #ffffff;
    --bm-lien-ket: #0645ad;
    --bm-phu: #8a4110;
    --bm-phu-nen: #f47b20;
    --bm-chu-tren-phu: #2b1400;
}

/* ───── Cổ điển NỀN TỐI (data-theme="co-dien-toi") ───── */
:root[data-bo-mau="petro-co-dien"][data-theme="co-dien-toi"] {
    --bm-nen: #1b1e22;
    --bm-nen-the: #24292e;
    --bm-chu: #e6e9ed;
    --bm-chu-mo: #a6adb5;
    --bm-vien: #565d66;
    --bm-vien-ro: #8b939d;
    --bm-dai: #2a2f35;
    --bm-chu-tren-dai: #e6e9ed;
    --bm-vach-dai: #f47b20;        /* vạch dưới thanh nav (đợt 1340) */
    --bm-chinh: #0a3d91;
    --bm-chu-tren-chinh: #ffffff;
    --bm-lien-ket: #7fb6ff;
    --bm-phu: #f8a35e;
    --bm-phu-nen: #f47b20;
    --bm-chu-tren-phu: #2b1400;
}