/* tokens.css — ชุดสี ฟอนต์ และระยะของ payakon
   ยกฟอนต์กับชุดสีมาจาก EAKASAN (eakasan.sheldonfortress.com) ตามที่เจ้านายเลือก
   แล้วคงทองของ payakon ไว้ เพราะเว็บดูดวงต้องขลังกว่าเว็บเอกสาร

   ทองใช้ได้เฉพาะ เส้นคั่น/กรอบ/ตรา/กล่อง §7/หัวข้อใหญ่ — ห้ามใช้ทองกับ body text
   ห้าม gradient ห้ามเงา ห้ามสีนอกชุดนี้ (hex ทั้งเว็บต้องอยู่ในไฟล์นี้ไฟล์เดียว)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── ฟอนต์ UI: Noto Sans Thai Looped (self-host · ชุดเดียวกับ EAKASAN) ──
   ก๊อปไฟล์มาจาก ~/sheldon-eakasan/web/static/fonts/ (checksum ตรงต้นทาง)
   แยกเป็นสามชุดตาม unicode-range เบราว์เซอร์จะโหลดเฉพาะชุดที่ต้องใช้
   ★ ต้นทางมีน้ำหนักเดียว (regular) — ประกาศ 600 ชี้ไฟล์เดิมแบบเดียวกับ EAKASAN
     ตัวหนาจึงเป็นการสังเคราะห์ ไม่ใช่ฟอนต์หนักจริง
   พาธสัมพัทธ์ ใช้ได้ทั้งเบราว์เซอร์ (/static/css → /static/fonts) และ WeasyPrint */
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ntl-thai.woff2) format('woff2');
  unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ntl-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ntl-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ntl-thai.woff2) format('woff2');
  unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ntl-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Noto Sans Thai Looped';font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ntl-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ── ฟอนต์ไทยสำรอง (ใช้ตอนทำ PDF เป็นหลัก) ── */
@font-face{font-family:'TH Sarabun New';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/THSarabunNew.ttf) format('truetype');}
@font-face{font-family:'TH Sarabun New';font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/THSarabunNew-Bold.ttf) format('truetype');}

/* ── ตัวจีน: ไม่มีฟอนต์ไทยตัวไหนมีสัญลักษณ์จีน ต้องมีตัวสำรองไม่งั้นเป็นสี่เหลี่ยม
      subset จาก Noto Sans CJK TC เหลือเฉพาะที่ใช้จริง (tools/subset_cjk_font.py) ── */
@font-face{font-family:'Noto Sans CJK TC';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/NotoSansCJKtc-Regular-subset.otf) format('opentype');}
@font-face{font-family:'Noto Sans CJK TC';font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/NotoSansCJKtc-Bold-subset.otf) format('opentype');}

:root{
  /* ── กระดาษงาช้าง ชุดเดียวกับ EAKASAN ── */
  --bz-paper:#F7F5EF; --bz-paper-2:#FFFFFF; --bz-paper-3:#EFECE1; --bz-line:#E3E0D6;

  /* ── เขียว EAKASAN ทั้งสี่ระดับ เรียงเข้ม→อ่อน ──
     head #04342C · green-2 #085041 · green #0F6E56 · mint #E1F5EE */
  --bz-green-900:#04342C; --bz-green-700:#085041; --bz-green-500:#0F6E56; --bz-green-100:#E1F5EE;

  /* ── ทองของ payakon (คงเดิม ไม่เอาของ EAKASAN) ── */
  --bz-gold-700:#8A6F3C; --bz-gold-500:#A8894D; --bz-gold-300:#C9B183; --bz-gold-100:#EDE4CE;

  --bz-ink:#2B2B27; --bz-ink-2:#57544C; --bz-ink-3:#7A756A;
  --bz-good:#0F6E56; --bz-bad:#9C1C1C; --bz-warn:#854F0B;
  --bz-warn-bg:#FAEEDA; --bz-bad-bg:#FBEAEA; --bz-bad-line:#E6B8B8;

  /* ── ตัวหนังสือ: ขนาดและระยะบรรทัดของ EAKASAN ── */
  --bz-font:'Noto Sans Thai Looped','Noto Sans Thai','TH Sarabun New','Sarabun','Noto Sans CJK TC',sans-serif;
  --bz-size:17px; --bz-lh:1.55;

  /* ── ฟอนต์สำหรับ "เอกสาร" (PDF/พิมพ์) ──
     แยกจากหน้าจอโดยตั้งใจ ตามแบบที่ EAKASAN ทำ (เว็บใช้ Looped · เอกสารใช้ Sarabun)
     ★ เหตุผลทางเทคนิคด้วย: ไฟล์ Looped ถูกซอยเป็น 3 ก้อนตาม unicode-range
       เวลาทำ PDF ตัวอักษรจะสลับฟอนต์กลางคำ (ไทยก้อนหนึ่ง ตัวเลข/จุดอีกก้อน)
       ภาพที่ได้สวยปกติ แต่การ "ดึงข้อความ" ออกจาก PDF จะเพี้ยน — ค้นหา/คัดลอกไม่ได้
       Sarabun เป็นไฟล์เดียวครบทุกอักขระ จึงได้ PDF ที่อ่านและค้นได้จริง */
  --bz-font-doc:'TH Sarabun New','Sarabun','Noto Sans CJK TC',sans-serif;

  --bz-radius:2px; --bz-gap:1.25rem; --bz-maxw:62rem;

  /* ── โทนสำหรับกระดาษ (print.css ใช้ล้วน ๆ) — ประหยัดหมึก เส้นบาง ──
     รวมไว้ที่นี่เพื่อให้ hex ทั้งเว็บอยู่ไฟล์เดียว ตรวจง่าย */
  --bz-print-paper:#FFFFFF; --bz-print-ink:#000000;
  --bz-print-muted:#333333; --bz-print-line:#999999;
  --bz-print-line-2:#666666; --bz-print-bar:#444444;
}