/* ============================================================
   fonts.css — ฟอนต์จากเครื่อง (ไม่ต้องต่อ Google Fonts)
   ไฟล์อยู่ที่ ../font/<ชื่อฟอนต์>/  รูปแบบ .woff2

   path เป็นแบบสัมพัทธ์กับไฟล์ CSS นี้ จึงใช้ได้ทั้ง live และ sandbox
     live    : assets/css/fonts.css          → ../font/ = assets/font/
     sandbox : assets/sandbox/css/fonts.css  → ../font/ = assets/sandbox/font/

   น้ำหนักที่ประกาศไว้ = เท่าที่มีไฟล์ .woff2 จริง
   เบราว์เซอร์จะดาวน์โหลดเฉพาะน้ำหนักที่หน้านั้นใช้จริงเท่านั้น
   ไม่มีไฟล์ตัวเอียง (เหมือนตอนใช้ CDN) ถ้าเจอ <em> เบราว์เซอร์จะเอียงให้เอง
   ============================================================ */

/* ------------------------------------------------------------
   IBM Plex Sans Thai — ตัวอักษรเนื้อหาหลัก (--f-body)
   ------------------------------------------------------------ */
@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Light.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Thai";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Bold.woff2") format("woff2");
}

/* ------------------------------------------------------------
   Poppins — หัวข้อภาษาอังกฤษ / ชื่อสินค้า (--f-latin)
   ------------------------------------------------------------ */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Poppins/Poppins-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Poppins/Poppins-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Poppins/Poppins-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Poppins/Poppins-Bold.woff2") format("woff2");
}

/* ------------------------------------------------------------
   Prompt — หัวข้อใหญ่ / ตัวเลขเน้น (--f-display)
   ------------------------------------------------------------ */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../font/Prompt/Prompt-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/Prompt/Prompt-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Prompt/Prompt-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Prompt/Prompt-Medium.woff2") format("woff2");
}