/* ============================================================
   BẢNG MÀU & CỠ CHỮ — KHO TRÒ CHƠI TỨ BÌNH DIỆN
   Đổi ở đây là cả app đổi theo.
   Cách dễ nhất: mở trang  style-guide.html  → bấm vào ô màu / cỡ chữ
   để chỉnh, xem thử ngay trên app, rồi bấm "Tải file theme.css" và
   chép đè file này.
   Quy tắc (16/10/2026): chỉ tím, trắng, đen; vàng + cam để nhấn.
   ============================================================ */
:root{
  /* --- Phông chữ --- */
  --font:"Be Vietnam Pro","Segoe UI",system-ui,-apple-system,sans-serif;

  /* --- Cỡ chữ (px). --co-chu phóng to/thu nhỏ cả app: 1 = giữ nguyên, 1.1 = to hơn 10% --- */
  --co-chu:1;
  --fs-h1:calc(27px*var(--co-chu));      /* Tiêu đề 1: tên trang */
  --fs-h2:calc(21px*var(--co-chu));      /* Tiêu đề 2: tên mục lớn */
  --fs-title:calc(19.5px*var(--co-chu)); /* Tiêu đề khung trong thẻ trò */
  --fs-h3:calc(18px*var(--co-chu));      /* Tiêu đề 3 */
  --fs-lead:calc(17px*var(--co-chu));    /* Chữ dẫn, câu nhấn */
  --fs-body:calc(16px*var(--co-chu));    /* Chữ thân bài */
  --fs-card:calc(15px*var(--co-chu));    /* Chữ trong thẻ trò */
  --fs-small:calc(14px*var(--co-chu));   /* Chữ nhỏ, nút nhỏ */
  --fs-caption:calc(12.5px*var(--co-chu)); /* Chú thích, nhãn */
  --fs-tiny:calc(11px*var(--co-chu));    /* Nhãn li ti (huy hiệu) */

  /* --- Tím (màu chính) --- */
  --lav:#7656D0;        /* Tím chính: nền app, nút tím */
  --lav-deep:#5A3DB4;   /* Tím đậm: chữ tím, viền nhấn */
  --deep:#3D2496;       /* Tím sẫm: tầng tháp, ô tím đậm */
  --deep-d:#24125E;     /* Tím đêm: bóng dưới tháp */
  --lav-light:#9277E0;  /* Tím sáng: ảnh thẻ trò */
  --lav-line:#D9CEF6;   /* Tím viền nhạt */
  --lav-soft:#EFEAFC;   /* Tím phấn: nền ô nhẹ */

  /* --- Đen, trắng, xám --- */
  --black:#111014;      /* Đen: thanh trên/dưới, nút đen */
  --ink:#111014;        /* Chữ chính */
  --ink-dam:#1B1530;    /* Chữ trên nền vàng */
  --muted:#5D5770;      /* Chữ phụ (xám tím) */
  --line:#E6E1F1;       /* Đường kẻ, viền khung */
  --field-line:#CFC7E2; /* Viền ô nhập */
  --sunk:#F6F3FC;       /* Nền chìm */
  --white:#FFFFFF;      /* Trắng */

  /* --- Vàng & cam (để nhấn) --- */
  --acc:#FFC94D;        /* Vàng nhấn: số tầng, lá cờ, "Con đang luyện" */
  --acc-d:#E0A400;      /* Vàng đậm: bóng dưới ô vàng */
  --org:#F28C28;        /* Cam: nút chính "Đã chơi xong", "Thêm vào tháp" */
  --org-d:#C9690F;      /* Cam đậm: bóng dưới nút cam */
  --org-soft:#FFF6EC;   /* Cam phấn: nền khung An toàn */
  --org-line:#FBE3C8;   /* Cam viền nhạt */
  --org-ink:#8A4A08;    /* Chữ trên nền cam phấn */
  --gold:#B7791F;       /* Vàng đồng: chữ huy hiệu */
  --gold-soft:#FFF4D6;  /* Nền huy hiệu vàng */

  /* --- Trạng thái (báo lỗi, thành công) --- */
  --ok:#1A7466;  --ok-soft:#DFF3EE;
  --warn:#8F5500; --warn-soft:#FFF2D9;
  --bad:#B3261E; --bad-soft:#FCE8E6;

  /* --- Khác --- */
  --r:14px;             /* Bo góc khung */
  color-scheme:light;
}