/* ====================================================
   NORMS TCG — tokens.css (เฟส 2 R1, เคาะ 4/7)
   ค่าสี/ตัวอักษร/spacing "จริง" หนึ่งเดียวของทั้งเว็บ — ไฟล์อื่น (:root ใน
   style.css/tcg-page.css/index.html ฯลฯ) แค่ map ชื่อตัวแปรเดิมของตัวเอง
   มาที่ค่านี้ ไม่เปลี่ยนชื่อตัวแปรที่แต่ละไฟล์ใช้อยู่ (กัน CSS เดิมพังทั้งไฟล์)
   เป้าหมาย: ค่าตรงกันทุกที่ ไม่ใช่หน้าตาเปลี่ยน (pixel-diff ควรใกล้ 0)
   ==================================================== */
:root {
  /* พื้นผิว */
  --t-paper:       #f7f6f3;   /* พื้นแอปโดยรวม — "กระดาษอุ่น" ของแบรนด์ */
  --t-surface:     #ffffff;   /* การ์ด/แผง/หัวเว็บ */
  --t-sunken:      #f1efea;   /* ช่อง input, hover, พื้นจม */
  --t-border:      #e7e3db;
  --t-border-soft: #f0ede7;

  /* ตัวอักษร */
  --t-ink:    #1c1b1a;
  --t-ink-2:  #54514b;
  --t-ink-3:  #86827a;
  --t-ink-4:  #a8a49b;

  /* แบรนด์ส้ม — เป็น action/signal เท่านั้น ไม่ใช่พื้นหลังใหญ่ (มติเฟส 2) */
  --t-brand:        #e8814f;
  --t-brand-strong: #d9622e;
  --t-brand-text:   #c2611d;
  --t-brand-soft:   #fdf0e8;
  --t-grad-brand:   linear-gradient(135deg,#f3955f,#d9622e);
  --t-grad-dark:    linear-gradient(165deg,#211c17,#171310 55%,#2a1409);

  /* สัญญาณความหมาย — เขียวตัวเดียว แดงตัวเดียว (เดิมมีเขียว 3 เบอร์ แดง 3 เบอร์) */
  --t-up:   #2f9e5a;
  --t-down: #d6443a;
  --t-gold: #b8860b;   /* เกรด/PSA */
  --t-blue: #4a7dde;
  --t-mint:    #1f7a5c;   /* ป้าย "ยืนยันแล้ว" (Gem Mint) — แยกจาก --t-gold ที่ใช้กับตัวเลขราคาเกรด กันสีชนกันความหมาย */
  --t-mint-bg: #e3f2ea;

  /* เคาะ 4/7 (concept "Graded Slab"): สีประจำเกม — ใช้ค่าเดิมจาก index.html (GAME_DOT_CLS)
     ทำให้ตรงกันทั่วเว็บ ใช้เป็น "สันกล่อง" ข้างรูปการ์ดในกริด (แยกเกมด้วยสายตาไวขึ้น) */
  --game-op:  #dc3c3c;
  --game-pkm: #dcaa00;
  --game-lor: #5a3cb4;
  --game-mtg: #965014;
  --game-ygo: #0a50a0;
  --game-swu: #3f3f3f;
  --game-bot: #008c50;

  /* spacing/radius/shadow/motion */
  --t-r-sm: 8px;
  --t-r:    12px;
  --t-r-lg: 16px;
  --t-shadow: 0 1px 3px rgba(28,27,26,.05), 0 12px 34px rgba(28,27,26,.07);
  --t-ease: cubic-bezier(.16,1,.3,1);
}