/* ===== อันไหนดีวะ? — Design Tokens ===== */
/* ไฟล์นี้คือ "แหล่งความจริงเดียว" ของสี/ฟอนต์แบรนด์ทั้งเว็บ */
/* เวลา CI (identity) ใหม่มา แก้แค่ค่าตรงนี้ที่เดียว สีจะเปลี่ยนทั้งเว็บทันที */

:root {
  /* สีหลักของแบรนด์ */
  --color-primary: #1D9E75;        /* เขียวเข้ม: ปุ่ม, ลิงก์, ราคา, ไอคอน accent */
  --color-primary-light: #5DCAA5;  /* เขียวอ่อน: โลโก้, ปุ่มเริ่ม, hover border */
  --color-primary-bg: #F5FBF8;     /* พื้นหลังอ่อนตอน hover */
  --color-primary-ink: #04342C;    /* ตัวอักษรบนพื้นเขียวอ่อน (ปุ่มเริ่ม) */

  /* สีตัวอักษร/เส้นขอบพื้นฐาน */
  --color-ink: #1a1a1a;            /* ตัวอักษรหลัก/สีเข้มของ UI */
  --color-muted: #888;             /* ตัวอักษรรอง */
  --color-faint: #aaa;             /* ตัวอักษรจางสุด (hint, disclaimer) */
  --color-border: #eee;            /* เส้นขอบการ์ดมาตรฐาน */

  /* ฟอนต์ */
  --font-family: 'Prompt', -apple-system, sans-serif;
}