/* TimKiemAI — token thi giac dung chung.
 *
 * Tach ra khoi style.css (Phase 1, 2026-08-24) de ban wizard `/` va ban chat
 * `/chat/` dung CHUNG mot nguon su that ve mau, khoang cach, bo goc va bo chu.
 * Truoc do `/chat/` khai lai `:root` cua rieng no — hai ban lech nhau chi la van
 * de thoi gian.
 *
 * NAP BANG <link> RIENG, khong phai @import.
 *   Ly do: `deploy/README.md` co nghi thuc kiem tra sau deploy grep
 *   `/assets/[a-z.]+\?v=` roi doi chieu shasum. File nap qua @import khong lo ra
 *   trong HTML nen se lot khoi nghi thuc do — dung loai loi im lang ma nghi thuc
 *   ay sinh ra de bat. Moi trang phai co DU HAI the:
 *     <link rel="stylesheet" href="/assets/tokens.css?v=...">
 *     <link rel="stylesheet" href="/assets/style.css?v=...">   (hoac chat.css)
 *   Thieu the dau: trang mat sach mau — hong to va de thay ngay, dung y do.
 *
 * KHONG khai bao lai bat ky bien nao trong file khac. Phase 6 co buoc kiem:
 *   grep -rn '\-\-cta:' public/     -> chi duoc ra dung mot ket qua (file nay)
 */

:root {
  /* --- 8 neo mau (chot, khong doi) --- */
  --bg:      #f6f6f4;
  --surface: #ffffff;
  --ink:     #191817;
  --muted:   #6c6a66;
  --line:    #e2e0da;
  --cta:     #d4451f;
  --ok:      #2f7d4f;
  --err:     #b23b2e;

  /* --- dan xuat --- */
  --ink-soft:    #3d3b38;   /* than bai trong .out — nhe hon tieu de */
  --line-strong: #cfccc4;
  --tint:        #f1f0ec;   /* hover trung tinh tren nen trang */
  --cta-hover:   #bd3c19;
  --cta-press:   #a63314;
  --cta-tint:    #fdf0ec;
  --ok-tint:     #eef6f1;
  --err-tint:    #fbeeec;
  --on-cta:      #ffffff;

  /* Focus GIU MAU XANH co y — no khong duoc lan voi mau CTA, neu khong
     nguoi dung dung ban phim se doc nham vien focus thanh nut chinh. */
  --focus:      #1d4ed8;
  --focus-ring: 0 0 0 3px rgba(29, 78, 216, .32);

  /* --- thang cach 4px --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px;

  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-pill: 999px;

  --sh-1:   0 1px 2px rgba(25, 24, 23, .05);
  --sh-2:   0 1px 2px rgba(25, 24, 23, .05), 0 10px 28px rgba(25, 24, 23, .07);
  --sh-cta: 0 1px 2px rgba(166, 51, 20, .24), 0 6px 16px rgba(212, 69, 31, .18);

  --font-body:    "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;

  /* Do dai dong doc thoai mai. 68ch ~ 600px o 16px Be Vietnam Pro. */
  --measure: 68ch;
}