/* นำเข้าฟอนต์ Noto Sans Thai Looped (แบบมีหัว อ่านง่าย) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Noto Sans Thai Looped', 'Leelawadee UI', Tahoma, sans-serif;
    font-size: 1.125rem;      /* ข้อความที่ไม่ได้กำหนดขนาด: 16 -> 18px */
    line-height: 1.75rem;
}

/* ขยายขนาดตัวอักษรของ Tailwind ขึ้น 1 ระดับทั้งเว็บ (เช่น text-xs 12 -> 14px)
   ใช้ "html body" เพิ่ม specificity เพราะ Tailwind CDN ใส่ style ของมันทีหลังไฟล์นี้ */
html body .text-xs   { font-size: 0.875rem; line-height: 1.25rem; }  /* 12 -> 14 */
html body .text-sm   { font-size: 1rem;     line-height: 1.5rem; }   /* 14 -> 16 */
html body .text-base { font-size: 1.125rem; line-height: 1.75rem; }  /* 16 -> 18 */
html body .text-lg   { font-size: 1.25rem;  line-height: 1.75rem; }  /* 18 -> 20 */
html body .text-xl   { font-size: 1.5rem;   line-height: 2rem; }     /* 20 -> 24 */
html body .text-2xl  { font-size: 1.875rem; line-height: 2.25rem; }  /* 24 -> 30 */
html body .text-3xl  { font-size: 2.25rem;  line-height: 2.5rem; }   /* 30 -> 36 */
html body .text-4xl  { font-size: 3rem;     line-height: 1; }        /* 36 -> 48 */

/* คุณสามารถเขียน CSS แบบกำหนดเอง (Custom) เพิ่มเติมได้ที่นี่ในอนาคต */