/* ==========================================================================
   SALON TÓC NGÃ TƯ — Biến thương hiệu (brand tokens)
   --------------------------------------------------------------------------
   Đây là lớp tuỳ chỉnh. Đổi giá trị ở đây là đổi toàn bộ website;
   không cần sửa gì thêm khi muốn đổi màu hoặc phông chữ.
   Được nạp TRƯỚC khối <style> nội tuyến trong index.html.
   ========================================================================== */

:root{
  /* ---- Nền & bề mặt (register tối) ------------------------------------- */
  --nen:#0F0F11;             /* nền trang — đen ám xanh, không dùng #000     */
  --card:#191A1D;            /* nền thẻ, bảng, khối nổi                      */
  --card-2:#212328;          /* trạng thái hover, khối lồng nhau             */

  /* ---- Chữ -------------------------------------------------------------- */
  --chu:#F1F1F0;             /* tiêu đề và chữ nhấn                          */
  --xam:#96969B;             /* chữ phụ — đạt AA trên nền tối                */
  --xam-dam:#7D7D83;         /* chỉ dùng cho chữ lớn, không dùng cho body    */

  /* ---- Màu nhấn (một màu duy nhất) -------------------------------------- */
  --xanh:#39D3C0;            /* xanh điện: nút Đặt lịch, giá, chip trống lịch */
  --xanh-dam:#22A99A;        /* xanh đậm hơn cho nền nhạt / viền              */

  /* ---- Đường kẻ --------------------------------------------------------- */
  --ke:rgba(241,241,240,.15);
  --ke-mo:rgba(241,241,240,.08);

  /* ---- Phông chữ (đều có đủ dấu tiếng Việt) ----------------------------- */
  --font-display:'Archivo',system-ui,sans-serif;      /* tiêu đề, wordmark   */
  --font-body:'Be Vietnam Pro',system-ui,sans-serif;  /* nội dung            */
  --font-mono:'Space Mono',ui-monospace,monospace;    /* giá, giờ, tên stylist */

  /* ---- Hình khối: radius hệ (a) — 0px toàn bộ --------------------------- */
  --bo-goc:0px;

  /* ---- Bố cục ----------------------------------------------------------- */
  --khung:min(1280px,100% - 2.5rem);      /* trục nội dung dùng chung        */
  --mach-section:clamp(3.5rem,6vw,5.5rem);/* giãn cách dọc — thang "base"    */
  --ease:cubic-bezier(.16,1,.3,1);        /* đường cong chuyển động duy nhất */
}