/* ===== Biến dùng chung (design system "Tiếng Trung Yuxin") =====
   Mọi file CSS khác chỉ dùng var(--ten-bien), không viết mã màu trực tiếp
   cho các màu thương hiệu. Đổi màu ở đây là đổi toàn app. */

/* KaiTi nhúng cho web (bản cắt 3.7k chữ, tạo bằng tools/subset_kaiti.py).
   unicode-range: chỉ dùng cho chữ Hán và dấu câu CJK; chữ Latin dùng font khác. */
@font-face{
  font-family:"YX KaiTi";
  src:url("../assets/fonts/kaiti/kaiti-subset.woff2") format("woff2");
  font-display:swap;
  unicode-range:U+3000-303F,U+3400-9FFF,U+FF00-FFEF;
}

:root{
  /* Màu thương hiệu */
  --sky:#7CCBF7;        /* xanh trời: đầu gradient */
  --sea:#62B5F2;        /* xanh biển: giữa gradient */
  --mint:#7EE0C8;       /* mint: cuối gradient, đáy quân bài, ô đúng */
  --blue-deep:#1E5FD6;  /* xanh đậm: nút, link, bóng cứng */
  --coral:#FF7A6B;      /* điểm nhấn: chip, sao, combo */
  --coral-ink:#D6463A;  /* coral cho chữ nhỏ */
  --ivory:#FFFDF7;      /* mặt quân bài */

  /* Nền & chữ */
  --tile-line:#DCEBFF;  /* viền trong quân bài, đường kẻ nhạt */
  --page:#F4F9FF;       /* nền trang */
  --card:#FFFFFF;       /* nền thẻ */
  --soft:#EEF4FC;       /* ô trống, nút khoá */
  --ink:#14306B;        /* chữ chính */
  --ink-muted:#4A6283;  /* pinyin, nghĩa, chú thích */
  --success:#0F7A5A;
  --danger:#C93A3A;
  --sun:#F5B83D; --sunbg:#FFF3D6;   /* sao, xu */
  --lock-shadow:#9FB6D8;            /* bóng quân bài đang khoá */

  /* Font */
  --display:"Baloo 2",system-ui,sans-serif;
  --sans:"Inter",system-ui,sans-serif;
  /* Chữ Hán: KaiTi nhúng (YX KaiTi) → máy nào cũng như nhau. Chữ hiếm ngoài bản cắt dùng LXGW WenKai. */
  --hanzi:"YX KaiTi","LXGW WenKai","KaiTi","STKaiti",serif;
  --hanzi-deco:"Noto Serif SC","Songti SC",serif;

  /* Bóng cứng & bóng mềm */
  --shadow-tile:0 3px 0 var(--mint),0 6px 0 var(--blue-deep);
  --shadow-chip:0 3px 0 var(--blue-deep);
  --shadow-card:0 6px 18px rgba(30,95,214,.12);
}