/* token.css — Design tokens (Minh Thư 13/10: SỬA TAY theo guideline Ivory Brown — không sinh lại từ design-options/_mau.mjs) của app vận hành (Giai đoạn 2 làm lại giao diện, 25/09/2026).
   SINH TỰ ĐỘNG: node design-options/_mau.mjs --css > public/css/token.css — sửa màu ở design-options/_mau.mjs.
   Phương án đã chọn: A "gọn gàng" làm nền + B (chữ có chân, thẻ bo mềm) cho màn Hôm nay / hợp đồng + C (vạch trạng thái dày).
   Mọi màu / cỡ chữ / khoảng cách / bo góc / bóng đổ dùng biến ở đây — không viết mã màu rời trong CSS màn hình. */
:root {
  /* Minh Thư 13/10/2026 — bộ nhận diện "01 IVORY BROWN · sang trọng – tinh tế": nâu đậm #524035 · nâu sữa #A28D78 ·
     be cát #DFD4C6 · trắng ngà #FDFBF7 (đo từ guideline). Giữ TÊN biến --cam-* của bản gốc để không phải sửa CSS màn hình:
     --cam-* nay là thang NÂU thương hiệu. Số trong ngoặc = tương phản với chữ trắng. */
  --cam-50: #FAF7F2;
  --cam-100: #F2EBE1;
  --cam-200: #DFD4C6; /* be cát */
  --cam-300: #C8B8A5;
  --cam-400: #A28D78; /* nâu sữa · 3.2 */
  --cam-500: #8A7461; /* 4.6 */
  --cam-600: #735E4D; /* 6.3 */
  --cam-700: #5E4A3D; /* 8.6 */
  --cam-800: #524035; /* nâu đậm · 10.1 */
  --cam-900: #3A2C24; /* 13.7 */
  --cam-nut: var(--cam-800);   /* nền nút chính, chữ trắng */
  --cam-chu: var(--cam-700);   /* chữ / link màu thương hiệu trên nền sáng */

  /* Trung tính — ngả ấm theo trắng ngà / be */
  --nen: #F6F2EC; /* nền trang */
  --nen-phu: #EFE8DF; /* nền khối phụ (ô số liệu, hàng chọn) */
  --nen-am: #FBF8F3; /* nền ngà — màn Hôm nay (điện thoại), hợp đồng */
  --nen-am-2: #F2EBE1; /* khối phụ trên nền ngà */
  --mat: #FFFEFC; /* mặt thẻ */
  --vien: #E7DFD4; /* đường kẻ */
  --vien-dam: #D2C6B7; /* viền ô nhập, nút phụ */
  --chu: #2E241E; /* chữ chính · ~15 trên trắng */
  --chu-2: #5E5048; /* chữ phụ · ~7.4 */
  --chu-3: #75665C; /* chữ mờ (≥ 4,5:1) · ~5.5 */

  /* Trạng thái theo công đoạn (anh Việt chọn 25/09). --n nền nhạt · --c chữ trên nền nhạt · --d màu đậm (vạch, nền chữ trắng) · --v viền */
  --n-chuaChup: #EDEFF2; --c-chuaChup: #3C4553; --d-chuaChup: #5A687C; --v-chuaChup: #C4CBD4; /* Chưa chụp · Lark: 1, 2 · 8.41 / 5.67 */
  --n-daDen: #E5F4FA; --c-daDen: #125D7D; --d-daDen: #187BA5; --v-daDen: #ADD8EB; /* Đã đến (ca) · Lark: ca trong ngày · 6.46 / 4.76 */
  --n-guiGoc: #E6EBF9; --c-guiGoc: #1B3374; --d-guiGoc: #294CAE; --v-guiGoc: #ADBEEB; /* Cần gửi ảnh gốc · Lark: 3 · 9.94 / 7.67 */
  --n-choChon: #EFE8F7; --c-choChon: #43256A; --d-choChon: #64389F; --v-choChon: #C9B4E4; /* Đợi khách chọn ảnh · Lark: 4 · 10.26 / 8.05 */
  --n-chinh: #F7E8F2; --c-chinh: #6B2451; --d-chinh: #A13679; --v-chinh: #E6B3D3; /* Cần chỉnh / sửa ảnh · Lark: 5, 6, SẾP CHƯA DUYỆT · 8.91 / 6.33 */
  --n-duyet: #E7F8F5; --c-duyet: #206F62; --d-duyet: #268273; --v-duyet: #B0E8DF; /* Duyệt & gửi khách duyệt · Lark: 7, Đợi CSKH, SẾP ĐÃ DUYỆT · 5.45 / 4.64 */
  --n-in: #F4F7E8; --c-in: #5D6B24; --d-in: #6A7A29; --v-in: #DBE6B3; /* Cần gửi in · Đang in · Lark: 8 · 9 · 5.37 / 4.74 */
  --n-giao: #E9F7ED; --c-giao: #27683B; --d-giao: #318149; --v-giao: #B5E3C3; /* Báo khách / giao ảnh · Chụp xong · Lark: 10, 11, 14 · ca chụp xong · 6.07 / 4.81 */
  --n-xong: #EEF1F0; --c-xong: #404F47; --d-xong: #60766B; --v-xong: #C7D1CC; /* Hoàn thành · Lark: 12 · 7.61 / 4.88 */
  --n-baoLuu: #F1F0EF; --c-baoLuu: #4C4842; --d-baoLuu: #736C64; --v-baoLuu: #D0CDC8; /* Bảo lưu · Lark: 13 · 7.98 / 5.17 */
  --n-tre: #FAE6E5; --c-tre: #791915; --d-tre: #B62520; --v-tre: #EBAFAD; /* Trễ hạn / Thiếu người · Lark: cảnh báo · 8.92 / 6.41 */
  --n-chuY: #F7EED4; --c-chuY: #866603; --d-chuY: #906D04; --v-chuY: #EBDBAD; /* Chú ý (Chưa HĐ, cọc chưa HĐ) · Lark: cảnh báo nhẹ · 4.63 / 4.80 */

  /* Chữ */
  --font: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --font-sang: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif; /* chữ có chân thanh lịch như logo MINH THƯ (tiêu đề) */
  --co-11: 11px; --co-12: 12px; --co-13: 13px; --co-14: 14px; --co-15: 15px; --co-16: 16px; --co-18: 18px; --co-20: 20px; --co-24: 24px; --co-30: 30px;
  --co-noi-dung: 15px; /* chữ nội dung máy tính; điện thoại 16px (xem @media dưới) */
  --co-phu: 13px;      /* chú thích, nhãn phụ; điện thoại 14px */

  /* Khoảng cách · bo góc · bóng · vùng chạm · chuyển động */
  --k-1: 4px; --k-2: 8px; --k-3: 12px; --k-4: 16px; --k-5: 20px; --k-6: 24px; --k-8: 32px;
  --bo-nho: 6px; --bo: 10px; --bo-lon: 14px; --bo-mem: 18px; --bo-tron: 999px;
  --bong-mem: 0 1px 2px rgba(82, 64, 53, .05), 0 8px 24px rgba(82, 64, 53, .07); /* thẻ bo mềm (B) */
  --bong-noi: 0 12px 32px rgba(58, 44, 36, .20); /* hộp thoại, thông báo nổi, thanh nút cố định */
  --cham: 44px;    /* vùng bấm tối thiểu trên điện thoại */
  --cao-nut: 40px; /* chiều cao nút trên máy tính */
  --nhanh: 150ms; --vua: 250ms;
  --vong-focus: 0 0 0 3px var(--cam-200);
  color-scheme: light; /* chưa làm chế độ tối (quyết định 25/09) — sau này khai báo lại token dưới :root[data-theme="dark"] */
}
@media (max-width: 768px) {
  :root { --co-noi-dung: 16px; --co-phu: 14px; --cao-nut: var(--cham); }
}
@media (prefers-reduced-motion: reduce) {
  :root { --nhanh: 0ms; --vua: 0ms; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Lớp trạng thái dùng chung: .tt-<công đoạn> đặt biến --n --c --d --v cho nhãn / vạch */
.tt-chuaChup { --n: var(--n-chuaChup); --c: var(--c-chuaChup); --d: var(--d-chuaChup); --v: var(--v-chuaChup); }
.tt-daDen { --n: var(--n-daDen); --c: var(--c-daDen); --d: var(--d-daDen); --v: var(--v-daDen); }
.tt-guiGoc { --n: var(--n-guiGoc); --c: var(--c-guiGoc); --d: var(--d-guiGoc); --v: var(--v-guiGoc); }
.tt-choChon { --n: var(--n-choChon); --c: var(--c-choChon); --d: var(--d-choChon); --v: var(--v-choChon); }
.tt-chinh { --n: var(--n-chinh); --c: var(--c-chinh); --d: var(--d-chinh); --v: var(--v-chinh); }
.tt-duyet { --n: var(--n-duyet); --c: var(--c-duyet); --d: var(--d-duyet); --v: var(--v-duyet); }
.tt-in { --n: var(--n-in); --c: var(--c-in); --d: var(--d-in); --v: var(--v-in); }
.tt-giao { --n: var(--n-giao); --c: var(--c-giao); --d: var(--d-giao); --v: var(--v-giao); }
.tt-xong { --n: var(--n-xong); --c: var(--c-xong); --d: var(--d-xong); --v: var(--v-xong); }
.tt-baoLuu { --n: var(--n-baoLuu); --c: var(--c-baoLuu); --d: var(--d-baoLuu); --v: var(--v-baoLuu); }
.tt-tre { --n: var(--n-tre); --c: var(--c-tre); --d: var(--d-tre); --v: var(--v-tre); }
.tt-chuY { --n: var(--n-chuY); --c: var(--c-chuY); --d: var(--d-chuY); --v: var(--v-chuY); }