/* app/css/ui-tokens.css — โทเคนสีสลับโหมดสว่าง/มืดของทั้งเว็บ · โหลดจาก includes/theme-boot.php (ทุกหน้า รวมหน้า pali/)
   ใช้คู่กับ bin/ui-tokenize.py ที่แปลงสีตายตัวในไฟล์ CSS ของหน้าให้เป็น var(--ui-*) */
/* ═════════════════════════════════════════════════════════
   โทเคนสลับโหมดของ "ส่วนเฉพาะหน้า" (หน้าที่แปลงด้วย bin/ui-tokenize.py)
   ค่าเดิมของโหมดมืด = สีที่เคยเขียนตายตัว · โหมดสว่างสลับค่าที่นี่ที่เดียว
   ═════════════════════════════════════════════════════════ */
/* .ui-dark = กล่องที่ต้องมืดเสมอทั้ง ๒ โหมด (หน้าจอเล่นเกม/แฟลชการ์ดที่เปิดซ้อนบนหน้าสว่าง) */
:root, .ui-dark {
	--ui-tint: 255, 255, 255;        /* เส้น/พื้นจาง rgba(var(--ui-tint), a) */
	--ui-strong: #fff;               /* ตัวหนังสือหลัก */
	--ui-ink2: #dbe2f5;              /* ตัวหนังสือรอง (ขาวอมคราม) */
	--ui-muted: #aab4d0;             /* ตัวหนังสือจาง */
	--ui-indigo: #c7d2fe;            /* ครามอ่อน (บาลี/ลิงก์บนพื้นเข้ม) */
	--ui-gold-ink: #fde68a;          /* ทองอ่อน (ตัวหนังสือบนพื้นทองจาง) */
	--ui-rose: #fda4af;
	--ui-green: #86efac;
	--ui-sky: #7dd3fc;
	--ui-violet: #c4b5fd;
	--ui-teal: #5eead4;
	--ui-orange: #fdba74;
	--ui-gold: #f5bf45;
	--ui-panel: #131c38;             /* แผง/การ์ดทึบ */
	--ui-panel2: #0f1730;
	--ui-pop: #121b3a;               /* กล่องลอย/ดรอปดาวน์ */
	--ui-scrim: rgba(10, 15, 30, .92);
	--ui-sel-bg: #fff;               /* ปุ่ม/ชิปที่เลือกอยู่ */
	--ui-sel-ink: #0a0f1e;
	--ui-sel-sub: #4b5576;
	--ui-shadow: rgba(0, 0, 0, .9);
}
html[data-ui="light"] {
	--ui-tint: 20, 26, 51;
	--ui-strong: #141a33;
	--ui-ink2: #333c5c;
	--ui-muted: #525b78;
	--ui-indigo: #3730a3;
	--ui-gold-ink: #92400e;
	--ui-rose: #be123c;
	--ui-green: #047857;
	--ui-sky: #0369a1;
	--ui-violet: #6d28d9;
	--ui-teal: #115e59;
	--ui-orange: #9a3412;
	--ui-gold: #92400e;
	--ui-panel: #ffffff;
	/* แผงครามที่ตัวแปลงเจอในพื้นไล่สี/สีแปลก ๆ: var(--ui-lpanel, สีเดิม) — ไม่ประกาศในโหมดมืด จึงได้สีเดิมเป๊ะ */
	--ui-lpanel: #ffffff;
	--ui-lpanel-rgb: 255, 255, 255;
	--ui-panel2: #ffffff;
	--ui-pop: #ffffff;
	--ui-scrim: rgba(245, 247, 252, .94);
	--ui-sel-bg: #1e1b4b;
	--ui-sel-ink: #ffffff;
	--ui-sel-sub: #c7d2fe;
	--ui-shadow: rgba(20, 26, 51, .3);
}

.ui-dark { --ui-lpanel: initial; --ui-lpanel-rgb: initial; }

/* ═════════════════════════════════════════════════════════
   ฟอนต์บาลี "Thunder Pali" (Sarabun ที่เปลี่ยนเฉพาะ ฐ ญ เป็นรูปไม่มีเชิง) — ประกาศที่นี่ที่เดียวให้ทุกหน้าใช้ได้
   ใช้กับคำบาลีเท่านั้น (คำไทย ฐาน ญาติ ต้องคงเชิง) · หน้าใส่ class .pali-font หรือใส่ font-family ให้ class บาลีของตัวเอง
   หลวงพี่สั่ง ๑๐ ต.ค. ๒๕๖๙ "ตัวบาลี เอาฐานออกจากใต้ ญ และ ฐ ทุกหน้า" · ตรวจด้วย tests/tools/pali-glyph-audit.cjs
   ═════════════════════════════════════════════════════════ */
@font-face { font-family: "Thunder Pali"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/thunder-pali/ThunderPali-400.woff2") format("woff2"); unicode-range: U+0E00-0E7F, U+25CC; }
@font-face { font-family: "Thunder Pali"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/thunder-pali/ThunderPali-500.woff2") format("woff2"); unicode-range: U+0E00-0E7F, U+25CC; }
@font-face { font-family: "Thunder Pali"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("/assets/fonts/thunder-pali/ThunderPali-700.woff2") format("woff2"); unicode-range: U+0E00-0E7F, U+25CC; }
@font-face { font-family: "Thunder Pali"; font-style: normal; font-weight: 800 900; font-display: swap; src: url("/assets/fonts/thunder-pali/ThunderPali-800.woff2") format("woff2"); unicode-range: U+0E00-0E7F, U+25CC; }
.pali-font, .pali-nt { font-family: "Thunder Pali", "Sarabun", sans-serif; }