/* Self-hosted fonts — replaces Google Fonts CDN (fonts.googleapis.com / fonts.gstatic.com)
   ป้องกันปัญหา "font jump" (FOUC) จากการโหลดฟอนต์ข้ามโดเมน
   ไฟล์ต้นทาง: assets/fonts/*.woff2 (variable fonts, ดึงจาก Google Fonts จริง 5 กันยายน 2569) */

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-normal-variable.woff2') format('woff2-variations'),
       url('../fonts/playfair-display-normal-variable.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-italic-variable.woff2') format('woff2-variations'),
       url('../fonts/playfair-display-italic-variable.woff2') format('woff2');
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-variable.woff2') format('woff2-variations'),
       url('../fonts/inter-variable.woff2') format('woff2');
  font-weight: 200 500;
  font-style: normal;
  font-display: swap;
}

/* น้ำหนักเพิ่มเติม 100 (Thin) — เบากว่าช่วงที่ไฟล์ variable ด้านบนรองรับ (200-500)
   ใช้เฉพาะจุดที่ต้องการตัวบางกว่า 200 เช่น hero title มือถือ */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* น้ำหนักเพิ่มเติม 175 — เบากว่าช่วงที่ไฟล์ variable ด้านบนรองรับ (200-500) เล็กน้อย
   ใช้เฉพาะจุดที่ต้องการตัวบางระดับกลาง (ระหว่าง 100 กับ 200) เช่น hero title มือถือ */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-175.woff2') format('woff2');
  font-weight: 175;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/figtree-variable.woff2') format('woff2-variations'),
       url('../fonts/figtree-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* น้ำหนักเพิ่มเติม 800 (ExtraBold) — เกินช่วงที่ไฟล์ variable ด้านบนรองรับ (300-700)
   ใช้เฉพาะจุดที่ต้องการตัวหนากว่า 700 เช่น hero title มือถือ */
@font-face {
  font-family: 'Figtree';
  src: url('../fonts/figtree-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}