/* C1 · token ชุดเดียวของ Thronetablist — ทะเบียนอยู่ที่ tokens.json (แก้ที่นั่นก่อน แล้วไฟล์นี้ตาม)
   ค่า PAPER ดึงตรงจาก design/directions/Paper.dc.html ที่เจ้าของเห็นแล้วชอบ · ค่า SCREEN จาก palette.json + แดง Thaitablist + สีผิว
   วิธีใช้ในหน้าใหม่: <link rel="stylesheet" href="../artdirection/tokens.css"> แล้วเรียก var(--…) · ห้ามพิมพ์ hex ตรงๆ ในหน้า
   ตรวจ: python design/artdirection/check-tokens.py <ไฟล์…> — hex นอกทะเบียน = ตก */

:root {
  /* ---- PAPER · เว็บนอก battle ---- */
  --paper: #C9C4BA;        /* พื้นหน้า — เทา (เจ้าของเปลี่ยนจากครีม 10 ก.ย.) */
  --card: #E5E8E3;         /* กระดาษการ์ด สว่างกว่าพื้นหนึ่งขั้น */
  --ink: #111111;          /* หมึก · ขอบ · เงา offset */
  --red: #E10000;          /* แดง Thaitablist บนกระดาษ */
  --red-on-dark: #FF1A1A;  /* แดงเดียวกันเมื่ออยู่บนพื้นมืด */
  --text: #3A3630;         /* เนื้อความ */
  --label: #555044;        /* ป้าย Silkscreen ตัวเล็ก */
  --grey: #A9A99F;         /* เทากลาง · ฮู้ดบนการ์ด · ปุ่ม disabled */

  /* ---- SCREEN · ใน battle + cut-scene · palette.json 16 ค่า (เทา 13 · น้ำตาล 1 · ฟ้า 2) ---- */
  --px-0: #000000;  --px-1: #1E1E1B;  --px-2: #2A2B27;  --px-3: #373733;
  --px-4: #3F3F3C;  --px-5: #484845;  --px-6: #555656;  --px-7: #66625A;
  --px-8: #7B7B73;  --px-9: #9B9B92;  --px-10: #A5A49A; --px-11: #ACAAA0;
  --px-12: #E5E8E3; --px-brown: #705A3A; --px-blue: #5295D6; --px-blue-deep: #3751B7;
  --skin-1: #E8C39E; --skin-2: #B9865B; --skin-3: #6E4A2E;
  --led-green: #A3BF1E; --led-amber: #D46F1F; --led-red: #D34A3E;   /* ดูดจากรูป S9 VU ติดไฟ (รูปที่ 2 ลด exposure) 8 ก.ย. (ที่มาใน tokens.json) · แสงทุกดวงบนจอ = สามค่านี้ · มงกุฎ = --led-amber */
  --pad-green: #4DC429; --pad-yellow: #E9BD43; --pad-red: #E6342D; --pad-white: var(--px-12);   /* แพด S9 ตอนติดไฟ 9 ก.ย. (ที่มาใน tokens.json screen.pad) · กระจกของแพดจริงเท่านั้น ไม่ใช่สี UI · ขาวยังไม่ได้วัด */

  /* ---- ตัวอักษร ---- */
  --font-display: 'Silkscreen', 'Chakra Petch', monospace;                      /* wordmark · เลขใหญ่ · 700 */
  --font-label: 'Silkscreen', 'Chakra Petch', monospace;                        /* ป้าย 10–11 px · letter-spacing .14em */
  --font-heading: 'Barlow Condensed', 'Chakra Petch', 'Arial Narrow', sans-serif; /* หัวข้อ 800 · ปุ่ม 700–800 · เนื้อความ 500 */
  --font-pixel: 'Silkscreen', 'Chakra Petch', 'DotGothic16', monospace;        /* บนจอ SCREEN · 8/16 px ตรรกะ ขยายจำนวนเต็ม */
  --font-pixel-body: 'Pixelify Sans', 'Silkscreen', 'Chakra Petch', monospace; /* เนื้อความ/ช่องกรอกบนจอ SCREEN · 16 px · 400/700 (เคาะ 14 ก.ย.) */
  --tracking-label: 0.14em;
  --tracking-button: 0.12em;

  /* ---- รูปทรง ---- */
  --border: 3px solid var(--ink);
  --border-heavy: 4px solid var(--ink);
  --border-dashed: 3px dashed var(--ink);
  --shadow-card: 8px 8px 0 var(--ink);
  --shadow-button: 4px 4px 0 var(--red);
  --shadow-stamp: 3px 3px 0 var(--ink);
  --shadow-throne: 8px 8px 0 var(--red);
  --skew-tab: skewX(-8deg);
  --rotate-stamp: rotate(-2deg);
  --radius: 0;
  --halftone: radial-gradient(var(--ink) 0.9px, transparent 1px) 0 0 / 6px 6px; /* วางเป็นชั้นทับ opacity .18 */
}

/* ไวยากรณ์พิกเซล — ใช้กับทุก canvas/img ที่เป็นภาพพิกเซล */
.px { image-rendering: pixelated; image-rendering: crisp-edges; }