/* ============================================================================
 * TOKEN THIẾT KẾ — NGUỒN DUY NHẤT cho màu, chữ, khoảng cách, bo góc, bóng.
 * Chép đúng §3 văn kiện CHUAN-GIAO-DIEN-NGON-NGU-CHO-v1.0.
 *
 * CẤM mã màu (#rrggbb, rgb()) và số pixel rời trong template — tools/kiem_token.php
 * quét và làm CI ĐỎ.
 *
 * QUAN HỆ VỚI GÓI CẤU TRÚC (W1): file này khai TÊN + GIÁ TRỊ MẶC ĐỊNH. Gói cấu trúc
 * (cau_truc tokens) ghi đè giá trị qua khối :root sinh trong layouts/app.blade.php —
 * tên token thì đóng băng ở đây, giá trị vẫn do gói cầm.
 *
 * Bản trong public/css/tokens.css là BẢN SAO SINH RA (kiem_token đối chiếu, lệch = ĐỎ).
 * ========================================================================= */

:root {
  /* ---- MÀU (§3) ---------------------------------------------------------- */
  --nen: #fbfaf6;          /* nền kem toàn trang */
  --nen-nhe: #f3f1ea;      /* nền khối phụ, ô nhập, skeleton */
  --muc: #17251f;          /* chữ chính */
  --muc-nhat: #5a6a61;     /* chữ phụ */
  --cho-xanh: #0e7a4f;     /* xanh thương hiệu */
  --moc-son: #b5281e;      /* mộc ĐÃ KIỂM — dùng <3% diện tích */
  --vien: #e7e4da;         /* đường viền, gạch phân cách */
  --canh-bao: #e9a83c;     /* cảnh báo (rơm) */
  --loi: #c0392b;          /* lỗi */
  --tot: #0e7a4f;          /* thành công */

  /* ---- CHỮ (§3): một font chính + một font số/giá ------------------------ */
  --font-body: 'Be Vietnam Pro', system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* thang cỡ chữ — KHÔNG có cỡ ngoài thang */
  --chu-12: 12px;
  --chu-14: 14px;
  --chu-16: 16px;
  --chu-18: 18px;
  --chu-20: 20px;
  --chu-24: 24px;
  --chu-32: 32px;

  /* ---- KHOẢNG CÁCH (§3): thang 4px, không có số lẻ ---------------------- */
  --kc-4: 4px;
  --kc-8: 8px;
  --kc-12: 12px;
  --kc-16: 16px;
  --kc-24: 24px;
  --kc-32: 32px;
  --kc-48: 48px;

  /* ---- BO GÓC (§3) ------------------------------------------------------ */
  --bo-8: 8px;             /* nhỏ */
  --bo-12: 12px;           /* thẻ */
  --bo-tron: 999px;        /* chip / nút tròn */

  /* ---- BÓNG (§3): đúng 2 mức, không hơn --------------------------------- */
  --bong-1: 0 1px 3px color-mix(in srgb, var(--muc) 8%, transparent);
  --bong-2: 0 10px 30px -8px color-mix(in srgb, var(--muc) 22%, transparent);

  /* ---- MỘC (hình học đóng băng) ----------------------------------------- */
  --moc-deg: 3deg;

  /* ---- BÍ DANH TƯƠNG THÍCH (tên cũ đang dùng trong cho.css + template) ---
   * Giữ để không phải sửa 1.000 dòng CSS cùng lúc; tên MỚI ở trên là chuẩn.
   * Không thêm bí danh mới — cái nào còn đây là nợ, trả dần. */
  --xanh: var(--cho-xanh);
  --moc: var(--moc-son);
  --suong: var(--vien);
  --rom: var(--canh-bao);
  --radius: var(--bo-12);
  --shadow: var(--bong-1);
  --shadow-lg: var(--bong-2);
}

/* ---- MÀU NHẤN NGÁCH (sinh bởi tools/kiem_token.php --dong-goi) ------------
 * Mỗi trang ngách có bảng màu riêng; giá trị nằm ĐÂY, template chỉ gọi var().
 * Tiền tố = ngách sở hữu; đuôi = vai trò theo độ sáng (nen/nhat/vua/dam/toi). */
:root {
  --ac-dam: #3e3e3a;
  --ac-dam-2: #f53003;
  --ac-dam-3: #733000;
  --ac-dam-4: #f61500;
  --ac-dam-5: #555555;
  --ac-dam-6: #6b4bb0;
  --ac-nen: #f3bec7;
  --ac-nhat: #a1a09a;
  --ac-nhat-2: #999999;
  --ac-nhat-3: #f8b803;
  --ac-toi: #000000;
  --ac-toi-2: #161615;
  --ac-toi-3: #4b0600;
  --ac-toi-4: #0a0a0a;
  --ac-toi-5: #1d0002;
  --ac-toi-6: #391800;
  --ac-vua: #706f6c;
  --ac-vua-2: #ff4433;
  --ac-vua-3: #ff750f;
  --ac-vua-4: #b3541e;
  --ac-vua-5: #2563a8;
  --ac-vua-6: #8a5a2b;
  --ac-vua-7: #c98a1a;
  --dm-nhat: #43c08a;
  --dm-nhat-2: #f0c066;
  --dm-toi: #0e1512;
  --dm-vua: #c88a1e;
  --dm-vua-2: #8a5f10;
  --dm-vua-3: #ec6a60;
  --dm-vua-4: #a06a12;
  --dp-dam: #5c4308;
  --dp-dam-2: #0e6a46;
  --dp-dam-3: #4c5a52;
  --dp-dam-4: #3d5a4c;
  --dp-dam-5: #3d4a43;
  --dp-dam-6: #234534;
  --dp-nen: #c7ccc5;
  --dp-nen-2: #c9dbd0;
  --dp-nen-3: #b9cfc2;
  --dp-nen-4: #dcd4c2;
  --dp-nen-5: #ead9b4;
  --dp-nen-6: #a8d8bf;
  --dp-vua: #9a6a10;
  --dp-vua-2: #8a9088;
  --gs-dam: #3a2a05;
  --gs-dam-2: #0a5c3b;
  --gs-dam-3: #7d1a13;
  --gs-dam-4: #2b3a52;
  --mb-dam: #26312a;
  --mb-dam-2: #0a5537;
  --mb-dam-3: #4e5b53;
  --mb-dam-4: #4a3410;
  --mb-dam-5: #5a4410;
  --mb-dam-6: #3f2f0a;
  --mb-dam-7: #26382c;
  --mb-nen: #cfe4d6;
  --mb-nen-2: #ded8c9;
  --mb-nen-3: #8fe0b8;
  --mb-nen-4: #ead9a8;
  --mb-nhat: #aeb8ae;
  --mb-nhat-2: #48be87;
  --mb-toi: #101712;
  --mb-toi-2: #0b110d;
  --mb-toi-3: #241413;
  --mb-vua: #0068ff;
  --mb-vua-2: #3fb07c;
  --mb-vua-3: #788079;
  --mb-vua-4: #8a958d;
  --mb-vua-5: #8a948c;
  --mb-vua-6: #2b6fb0;
  --mb-vua-7: #8a6d1f;
  --mm-dam: #2c3a33;
  --mm-dam-2: #26332c;
  --mm-nen: #c9d3cc;
  --mm-nhat: #3fb380;
  --mm-vua: #e4685c;
  --na-dam: #26312b;
  --na-dam-10: #5a4028;
  --na-dam-11: #6f5330;
  --na-dam-12: #3f2e18;
  --na-dam-13: #33322e;
  --na-dam-14: #5c4a34;
  --na-dam-2: #2e281f;
  --na-dam-3: #2b2f33;
  --na-dam-4: #4a4034;
  --na-dam-5: #5a4e3f;
  --na-dam-6: #3a332a;
  --na-dam-7: #7a1a12;
  --na-dam-8: #40603a;
  --na-dam-9: #5a3a24;
  --na-nen: #f0e2c4;
  --na-nen-10: #f2d6a8;
  --na-nen-2: #fbeed0;
  --na-nen-3: #f4d27a;
  --na-nen-4: #f6dc8e;
  --na-nen-5: #c2d3bd;
  --na-nen-6: #f7d0d8;
  --na-nen-7: #f4d9a6;
  --na-nen-8: #ddd4c2;
  --na-nen-9: #bfe0d0;
  --na-nhat: #f0bc5c;
  --na-nhat-10: #9db98f;
  --na-nhat-11: #e8b878;
  --na-nhat-12: #d98a52;
  --na-nhat-13: #c9bfa4;
  --na-nhat-14: #d8b56a;
  --na-nhat-15: #e8b93c;
  --na-nhat-16: #c8b48c;
  --na-nhat-17: #d4a34a;
  --na-nhat-2: #3fbe86;
  --na-nhat-3: #c9c2b3;
  --na-nhat-4: #b7c3bd;
  --na-nhat-5: #d8b8a6;
  --na-nhat-6: #e9a0b0;
  --na-nhat-7: #7fb8a0;
  --na-nhat-8: #c8952f;
  --na-nhat-9: #e9c56f;
  --na-toi: #3a2410;
  --na-toi-2: #0f1613;
  --na-toi-3: #2a1c10;
  --na-toi-4: #0a100d;
  --na-toi-5: #3d0d0a;
  --na-toi-6: #160604;
  --na-toi-7: #16150f;
  --na-vua: #e9584d;
  --na-vua-10: #3d6b57;
  --na-vua-11: #9c7b4a;
  --na-vua-12: #2f7d4f;
  --na-vua-13: #9c8560;
  --na-vua-14: #8a5a3a;
  --na-vua-15: #7a5a34;
  --na-vua-2: #7f8c7a;
  --na-vua-3: #8a5a1a;
  --na-vua-4: #6f9166;
  --na-vua-5: #c67b4b;
  --na-vua-6: #a85f38;
  --na-vua-7: #b56a3e;
  --na-vua-8: #7a5a3a;
  --na-vua-9: #4f8a72;
  --tc-vua: #3aa0c0;
  --tc-vua-2: #5b7cff;
  --ti-nhat: #c9a227;
  --tt-dam: #0b6642;
  --tt-dam-2: #302c25;
  --tt-nhat: #48b588;
  --tt-nhat-2: #a7a093;
  --tt-nhat-3: #7fd4ad;
  --tt-toi: #14130f;
  --tt-toi-2: #2e1c1a;
  --tt-vua: #8a6414;
  --tt-vua-2: #e56b5f;
}