Đam Yi study

| Tên biến | Giá trị | Màu sắc | Ý nghĩa / Công dụng thường gặp | | ------------- | --------- | -------- | ----------------------------------------------------- | | `--primary` | `#6b3f00` | Nâu | Màu chủ đạo của giao diện (nút chính, logo, tiêu đề…) | | `--accent` | `#2a6f97` | Xanh | Màu nhấn, dùng cho link, chi tiết nổi bật | | `--secondary` | `#f2c94c` | Vàng | Màu phụ hỗ trợ, tạo điểm nhấn phụ | | `--bg` | `#fbf7f2` | Kem nhạt | Màu nền tổng thể của trang | | `--card` | `#fff` | Trắng | Màu nền cho thẻ (card), hộp nội dung | | `--muted` | `#6b6b6b` | Xám | Màu chữ giảm độ ưu tiên, text phụ, mô tả |

:root{
  --primary: #6b3f00; /* brown */
  --accent: #2a6f97;  /* blue */
  --secondary: #f2c94c; /* yellow */
  --bg: #fbf7f2;
  --card: #fff;
  --muted: #6b6b6b;
}
Cách sử dụng các biến này: 
Bạn có thể gọi lại màu bằng hàm var():

button {
  background-color: var(--primary);
  color: #fff;
}
.card {
  background: var(--card);
  color: var(--muted);
}