/* cancook.vn — màu theo nhãn (QĐ-088 điểm 4, docs/50 mục 6.2.3): than #231F20 của logo làm màu chính, xanh làm màu nhấn.
   Tầng nền (bố cục, chữ, trạng thái) ở storefront shop.css. Tương phản kiểm bằng packages/brand/test/sites.test.ts. */
:root {
  --site-primary: #231f20;          /* nút chính, đầu / chân trang tối — chữ trắng 16,30:1 */
  --site-primary-hover: #000000;
  --site-on-primary: #ffffff;
  --site-on-primary-muted: #cfcfcf; /* chữ phụ trên nền tối */
  --site-accent: #0a762a;           /* màu nhấn (chưa dùng ở đợt 1) — chữ trên trắng 5,77:1 */
  --site-ink: #231f20;
  --site-ink-2: #4a4546;
  --site-muted: #666666;
  --site-line: #e0e0e0;             /* đường kẻ trang trí */
  --site-input-border: #8a8a8a;     /* viền ô nhập ≥ 3:1 (trước #bdbdbd chỉ 1,88:1) */
  --site-bg: #ffffff;
  --site-surface: #ffffff;
  --site-soft: #f5f5f5;
  --site-header-bg: rgba(255, 255, 255, .96);
  --site-ok: #1b6b3a; --site-ok-line: #b9dfc6; --site-ok-tint: #f0f8f3;
  --site-warn: #8a5a00;
  --site-bad: #b42318; --site-bad-line: #f1c4bf; --site-bad-tint: #fdf2f1;
  --site-todo-bg: #fff3c4; --site-todo-ink: #5c4400;
  --site-focus-on-dark: #ffffff;   /* vòng focus trên nền tối (chân trang) ≥ 3:1 — WCAG 2.4.7 / 1.4.11 */
  --site-radius: 10px;
}