/* Trà Phúc Sang — CHỈ gán biến CSS (không selector phần tử, không thuộc tính khác).
   Nguồn: https://traphucsang.vn (Elementor, lấy 2026-10-02) — đồng bộ với brand.json "colors".
   Màu theo cách site thực dùng: nút chính nền #FFD000 chữ #00512C, rê chuột #F6E76F; biến Elementor --e-global-color-primary là #FFDE59
   nhưng gần như không xuất hiện trên trang. Font dùng chung theo lypham.vn (hợp đồng), không dùng Montserrat của site.
   ":root" cho trang; ".saly-shell" cho phần trong Shadow DOM của đầu/chân trang (shell.js nạp lại file này). */
:root, .saly-shell {
  --brand-primary: #FFD000;        /* vàng — nền nút chính, vạch nhấn (nút "Đặt mua hàng" của site) */
  --brand-primary-strong: #F4CC25; /* vàng gold — viền rê chuột, viền ghi chú (màu h2 của kit Elementor) */
  --brand-on-primary: #00512C;     /* chữ xanh trên nền vàng như site: 6.45:1 */
  --brand-secondary: #00512C;      /* xanh đậm — tiêu đề, liên kết, chân trang (--e-global-color-secondary/accent) */
  --brand-on-secondary: #FFFFFF;   /* chữ trên nền xanh: 9.49:1 */
  --brand-surface: #F1F5F3;        /* nền trang xanh-xám nhạt (có trong CSS site) */
  --brand-surface-alt: #FFFFFF;    /* nền thẻ, ô nhập, đầu trang (site dùng nền trắng) */
  --brand-text: #333333;           /* chữ chính (--e-global-color-text): 11.49:1 trên nền trang */
  --brand-muted: #595959;          /* chữ phụ (xám trung tính, site không có): 6.37:1 trên nền trang */
  --brand-danger: #B63131;         /* đỏ của site: 6.05:1 trên trắng */
  --brand-border: #FFF4C2;         /* vàng nhạt = 24% màu chính trên trắng — viền trang trí thẻ, bảng */
  --brand-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --chart-1: #FFD000;              /* vàng */
  --chart-2: #00512C;              /* xanh đậm */
  --chart-3: #333333;              /* chữ */
  --chart-4: #B63131;              /* đỏ */
  --chart-5: #8CB0A0;              /* xanh nhạt = 45% xanh đậm trên trắng */
  --chart-6: #B1B1B1;              /* xám của site */
}