/*
 * ตัวแปร font-family กลางของทั้งเว็บ — คู่กับ lib/site_fonts.php ที่โหลด Google Fonts จริง
 * ใช้ var(--font-xxx) แทนการพิมพ์ชื่อฟอนต์เองทุกจุด กันสะกดพลาด/เลือกฟอนต์ผิดกลุ่ม
 *
 * --font-main    system font stack — ฟอนต์หลักของเว็บ (เปลี่ยนจาก Sarabun 2026-09-05 — ยอมรับความเสี่ยง
 *                ว่า Windows/Android อาจได้ font คนละตัวกัน Mac เพราะเป็น font ของระบบปฏิบัติการ ไม่ใช่
 *                web font เหมือน Sarabun เดิม)
 * --font-brand   Lexend Deca — ชื่อเว็บ "9hoon" และ badge "9hoon.com" เท่านั้น (weight 600 เท่านั้น)
 * --font-chart   อ้างอิง --font-main ตรงๆ (กราฟ/ตัวเลขอังกฤษ-ตัวเลขล้วนใช้ font เดียวกับหลักได้เลย
 *                เพราะทั้งคู่เป็น system stack อยู่แล้ว) — วันหน้าเปลี่ยน --font-main จะตามไปด้วยอัตโนมัติ
 * --font-tabular IBM Plex Sans Thai Looped — ตัวเลขที่ต้องการเน้นหรือความกว้างเท่ากันทุกหลัก (weight 500 เท่านั้น)
 */
:root {
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-brand: 'Lexend Deca', sans-serif;
    --font-chart: var(--font-main);
    --font-tabular: 'IBM Plex Sans Thai Looped', sans-serif;
}