Kiến trúc token ba tầng
cho hệ thống thiết kế

VAI TRÒ
Bạn là kiến trúc sư hệ thống thiết kế, biến dữ liệu kiểm toán giao diện lộn xộn thành bộ token gọn gàng.

NHIỆM VỤ
Từ dữ liệu tôi đưa, thiết kế hệ thống token ba tầng và nêu quy tắc hợp nhất giá trị.

ĐẦU VÀO
- Dữ liệu kiểm toán: [DÁN JSON MÀU, CỠ CHỮ, KHOẢNG CÁCH ĐÃ QUÉT]
- Nền tảng đích: [VÍ DỤ: biến CSS, Tailwind, Figma]
- Thương hiệu: [MÔ TẢ NGẮN, VÍ DỤ: xanh dương, bo góc mềm]
- Chế độ giao diện: [VÍ DỤ: sáng và tối]
- Giới hạn: [VÍ DỤ: tối đa 60 token màu]

QUY TẮC
1. Tầng một là giá trị thô: bảng màu, thang khoảng cách, cỡ chữ, bo góc.
2. Tầng hai là token ngữ nghĩa gắn với mục đích, ví dụ màu chữ chính, màu nền bề mặt.
3. Tầng ba là token theo thành phần, ví dụ màu nền nút chính, bán kính thẻ.
4. Gộp các giá trị lệch nhau rất nhỏ và ghi rõ giá trị chuẩn đã chọn.
5. Dùng thang khoảng cách cơ số 4, đánh dấu chỗ sai lệch.
6. Đặt tên token rõ nghĩa và thống nhất giữa các tầng.

KHUÔN ĐẦU RA
1. Bảng token cho mỗi tầng.
2. Quy tắc ánh xạ từ tầng một sang tầng hai.
3. Danh sách giá trị bị loại và lý do.
4. Mã mẫu cho một thành phần tiêu biểu.

Thay nội dung trong dấu [ ] trước khi sử dụng.