/*
  Hương Việt Sinh — design token cho các trang giới thiệu công khai
  (trang chủ, chính sách, điều khoản, xóa tài khoản, hướng dẫn /qr).
  Nguồn màu: huongvietsinh.com.vn (nút/nền đỏ #E41E26, vàng #F3C811, vạch #FFAE00, chữ đen, nền trắng).
  Màn nhân viên/POS dùng bộ cam riêng trong src/index.css, không dùng file này.
  Chỉ sửa màu ở đây. Tailwind (hvs-*) và các file HTML tĩnh đều đọc từ các biến này.
*/
:root {
  /* Thương hiệu */
  --hvs-red: #e41e26;
  --hvs-red-dark: #c41820;      /* hover nút đỏ */
  --hvs-red-soft: #fdedee;      /* nền nhạt, hover nav */
  --hvs-gold: #f3c811;          /* mảng vàng, đệm nền */
  --hvs-gold-pale: #ffe58a;
  --hvs-gold-soft: #fff6d1;     /* nền hero, thẻ vàng nhạt */
  --hvs-amber: #ffae00;         /* vạch nhấn, chấm trang trí */
  --hvs-gold-text: #9a6a00;     /* chữ vàng đậm trên nền trắng (đạt AA); không dùng --hvs-gold làm chữ */

  /* Trung tính */
  --hvs-bg: #ffffff;
  --hvs-bg-soft: #f6f6f6;
  --hvs-surface: #ffffff;
  --hvs-ink: #1b1b1b;           /* chữ chính, nền chân trang */
  --hvs-text: #3a3a3a;          /* đoạn văn */
  --hvs-muted: #646464;
  --hvs-line: #e1e1e1;
  --hvs-on-red: #ffffff;
  --hvs-on-gold: #1b1b1b;
  --hvs-green: #2f9e44;

  /* Nền pastel cho thẻ minh họa. Chữ trên các nền này luôn là --hvs-ink hoặc --hvs-text */
  --hvs-tint-1: var(--hvs-gold-soft);
  --hvs-tint-2: #e4f2ff;
  --hvs-tint-3: #e3f7ec;
  --hvs-tint-4: var(--hvs-red-soft);
  --hvs-tint-5: #efe9ff;

  /* Chữ. Tiêu đề dùng condensed đậm như website */
  --hvs-font-display: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hvs-font-body: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Hình khối */
  --hvs-radius-sm: 12px;
  --hvs-radius-card: 24px;
  --hvs-radius-pill: 999px;
  --hvs-radius-corner: 0 18px 0 0;   /* góc bo một phía, dấu hiệu của website */

  /* Đổ bóng */
  --hvs-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.07);
  --hvs-shadow-red: 0 8px 20px rgba(228, 30, 38, 0.25);
}