/* Bảng màu nhận diện, lấy thẳng từ logo Vạn Lộc (wwwroot/images/logo-vanloc.png):
   vàng kim #CDC204 của chữ "VAN LOC" và biểu tượng V, xanh navy #142A60 của dòng
   "TRUYỀN THÔNG KẾT NỐI THÀNH CÔNG".

   Vàng kim là màu chính. Nhưng vàng rất sáng: chữ trắng đặt trên nền vàng gần như
   không đọc được, nên mọi chữ/icon nằm TRÊN nền vàng phải dùng --brand-ink (navy).
   Navy cũng đóng vai trò sắc đậm (--brand-dark) cho chân trang, menu trượt, nền khối
   lớn — những chỗ vốn đang in chữ trắng, nhờ vậy vẫn đọc tốt. */
:root{
    --brand:#CDC204; --brand-dark:#142A60; --brand-hover:#E3D92B; --brand-light:#FAF7DC;

    /* Màu chữ/icon đặt TRÊN nền vàng. Đừng dùng #fff ở những chỗ đó. */
    --brand-ink:#142A60;

    /* Màu CHỮ mang tinh thần thương hiệu nhưng nằm trên nền sáng (tiêu đề mục, link,
       số liệu...). Phải là navy: chữ vàng trên nền trắng gần như không đọc được.
       Vàng chỉ dùng làm nền, viền, icon — không dùng làm chữ trên nền sáng. */
    --brand-text:#142A60;

    /* Hai sắc navy phụ: --brand-darker cho nền chân trang gần như đen,
       --brand-dark-soft cho đầu kia của các dải chuyển màu. */
    --brand-darker:#0C1A44; --brand-dark-soft:#2E4E9E;

    /* Dạng "r,g,b" của --brand để dùng với rgba(): rgba(var(--brand-rgb), .82).
       Không dùng color-mix (chưa phổ cập trình duyệt). Layout ghi đè khi chủ website đổi màu. */
    --brand-rgb:205,194,4; --brand-dark-rgb:20,42,96;
}