/*
 * Global Font Definitions for TPTK Website
 * เป็นการตั้งค่าฟอนต์พื้นฐานสำหรับทั้งเว็บไซต์
 * รายละเอียดเฉพาะสำหรับ canonical app อยู่ใน canonical/typography.css
 */

/* ===== FONT IMPORTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant&family=Sarabun:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&family=Noto+Sans+Lao+Looped&family=Noto+Sans+Tai+Tham&family=Noto+Serif+Devanagari&family=Noto+Serif+Khmer&family=Noto+Serif+Myanmar:wght@100;400;700&family=Noto+Serif+Sinhala&family=Noto+Serif+Thai&display=swap');

/* ===== GLOBAL FONT VARIABLES ===== */
:root {
  /* ฟอนต์หลัก */
  --font-sans-thai: 'Sarabun', sans-serif;
  --font-serif-thai: 'Noto Serif Thai', serif;
  --font-serif-khmer: 'Noto Serif Khmer', serif;
  --font-serif-devanagari: 'Noto Serif Devanagari', serif;
  --font-serif-myanmar: 'Noto Serif Myanmar', serif;
  --font-sans-tai-tham: 'Noto Sans Tai Tham', sans-serif;
  --font-serif-sinhala: 'Noto Serif Sinhala', serif;
  --font-sans-lao: 'Noto Sans Lao Looped', sans-serif;
  --font-cormorant: 'Cormorant', serif;

  /* ขนาดฟอนต์ */
  --font-size-base: 16px;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --line-height-base: 1.6;
}

/* ===== GLOBAL FONT RULES ===== */
body {
  font-family: var(--font-sans-thai);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

/* Basic heading styles */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans-thai);
  font-weight: 500;
}

/* Basic link styles */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Basic global font classes */
.sarabun {
  font-family: var(--font-sans-thai);
}

.noto-serif-thai {
  font-family: var(--font-serif-thai);
}

/* Word wrapping prevention for Thai text - basic global rule */
.thai-nowrap .word {
  display: inline-block;
  white-space: nowrap;
}

.font-thin {
    font-weight: 100;
    font-style: normal;
}

.font-thin-italic {
    font-weight: 100;
    font-style: italic;
}

.font-extralight {
    font-weight: 200;
    font-style: normal;
}

.font-extralight-italic {
    font-weight: 200;
    font-style: italic;
}

.font-light {
    font-weight: 300;
    font-style: normal;
}

.font-light-italic {
    font-weight: 300;
    font-style: italic;
}

.font-regular {
    font-weight: 400;
    font-style: normal;
}

.font-regular-italic {
    font-weight: 400;
    font-style: italic;
}

.font-medium {
    font-weight: 500;
    font-style: normal;
}

.font-medium-italic {
    font-weight: 500;
    font-style: italic;
}

.font-semibold {
    font-weight: 600;
    font-style: normal;
}

.font-semibold-italic {
    font-weight: 600;
    font-style: italic;
}

.font-bold {
    font-weight: 700;
    font-style: normal;
}

.font-bold-italic {
    font-weight: 700;
    font-style: italic;
}

.font-extrabold {
    font-weight: 800;
    font-style: normal;
}

.font-extrabold-italic {
    font-weight: 800;
    font-style: italic;
}