/* SaLy Academy — CHỈ gán biến CSS (không selector phần tử, không thuộc tính khác).
   Nguồn màu: https://lypham.vn/template/css/style.css (:root --color-*) — đồng bộ với brand.json "colors".
   ":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: #F29546;        /* cam — nền nút chính, vạch nhấn (--color-orange) */
  --brand-primary-strong: #F08B36; /* cam đậm — viền rê chuột, viền ghi chú (--color-pri) */
  --brand-on-primary: #101212;     /* chữ trên nền cam: 8.20:1 */
  --brand-secondary: #007043;      /* xanh — tiêu đề, liên kết, chân trang (--color-second) */
  --brand-on-secondary: #FFFFFF;   /* chữ trên nền xanh: 6.18:1 */
  --brand-surface: #FEF4ED;        /* hồng nền trang (--color-pink) */
  --brand-surface-alt: #FFFFFF;    /* nền thẻ, ô nhập, đầu trang (--color-white) */
  --brand-text: #101212;           /* chữ chính (--color-text2): 17.34:1 trên nền trang */
  --brand-muted: #595959;          /* chữ phụ (--color-text5): 6.46:1 trên nền trang */
  --brand-danger: #DD3C27;         /* đỏ (--color-red) — chỉ dùng viền/nền, không làm chữ nhỏ (4.42:1) */
  --brand-border: #FCE6D3;         /* cam nhạt (--color-pri2) — 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); /* --sdow-1 */
  --chart-1: #F29546;              /* --color-orange */
  --chart-2: #007043;              /* --color-second */
  --chart-3: #131825;              /* --color-third */
  --chart-4: #8DBAA8;              /* --color-linear-3 */
  --chart-5: #F7BC8A;              /* màu nền khối trong style.css */
  --chart-6: #DD3C27;              /* --color-red */
}