/* สีน้ำเงินสำหรับข้อมูลที่ลูกค้าใช้ตัดสินใจ — ชื่อรุ่น · สี · ราคา+ความยาว
   (เจ้าของสั่ง 15 ก.ย. 2569)

   ⚠ ไฟล์นี้เป็น "ตัวทับ" เท่านั้น โหลดหลัง storefront.css และ catalog-compact.css
     และโหลดเฉพาะหน้า Catalog (ดู layout.blade.php) — หน้าสินค้าเดี่ยวไม่ใช้
     **เจ้าของเลือกหน้ารายการอย่างเดียว** ห้ามย้ายไปโหลดทุกหน้าโดยไม่ถามก่อน

   ⚠⚠ หนึ่งไฟล์ตอบหนึ่งเรื่อง — ไฟล์นี้ตอบเรื่อง "สี" เท่านั้น
     ความกระชับของการ์ดอยู่ที่ `catalog-compact.css` · การแยกราคาเป็นสองบรรทัดก็อยู่ที่นั่น
     รวมกันเมื่อไหร่ วันที่แก้เรื่องหนึ่งจะไม่รู้ว่ากระทบอีกเรื่องมั้ย

   ⚠ ไม่แตะ `tokens.css` และ `storefront.css` ของชุดออกแบบ — ประกาศค่าสีไว้ในไฟล์นี้เอง
     ชุดออกแบบเดิมไม่มีสีน้ำเงินในระบบสีเลย (มีแค่เหลือง/ดำ/เทา) การเพิ่มเข้าไปในไฟล์กลาง
     คือการเปลี่ยนระบบสีของทั้งเว็บ ซึ่งไม่ใช่สิ่งที่ขอ */

.storefront {
  /* ⚠ แก้เฉดที่บรรทัดนี้บรรทัดเดียว — ทุกจุดข้างล่างอ้างค่านี้ ไม่มีเลขสีเขียนซ้ำที่อื่น */
  --product-blue: #1447c4;
}

/* ชื่อรุ่น */
.product-card h3 { color: var(--product-blue); }

/* สี — ทั้งบรรทัดเป็นเรื่องสีอยู่แล้ว (`สี: เงิน / ดำ / เหลือง`) */
.product-colors { color: var(--product-blue); }

/* ราคา + ความยาว (`1,000.00 บาท · ต่อเส้น 6,000 มม.`)
   และบรรทัดฐานราคา + จำนวนคงเหลือ (`ราคาก่อน VAT · มีสินค้า 81 ชิ้น`)

   ⚠ บรรทัดที่สองเพิ่งได้สีวันเดียวกับที่มันเริ่มบอก **จำนวนจริง** (มติ 17/18)
     ตอนที่มันยังเขียนว่า "พร้อมจำหน่าย" เฉยๆ เจ้าของสั่งไม่ให้ทำสี — **ถ้าวันหนึ่ง
     มีใครถอดจำนวนออกกลับไปเป็นคำเดียว ต้องเอาบรรทัดล่างนี้ออกด้วย** สีเน้นมีไว้เน้นข้อมูล
     ไม่ได้มีไว้เน้นคำว่าพร้อมจำหน่าย */
.product-price .price-lead,
.product-price .price-basis { color: var(--product-blue); }