/* ชุดสีกลาง REALTY HUB (เปลือกเว็บขั้น 1 · 2026-10-26) — ค่าจาก tokens.css ของเจ้าของ (Dropbox FINAL_REALTY_HUB/03_เว็บไซต์ · v1 2026-10-23)
   โหลดใน index_head.php ก่อน CSS ส่วนอื่น · ส่วนไหนจะใช้สีแบรนด์ ให้อ้าง var(--color-*) จากไฟล์นี้ ห้ามฝังเลขสีเอง
   ไม่ใช้ส่วนฟอนต์ของ tokens.css (เจ้าของเคาะ 10-24: Sarabun ทั้งเว็บ) */
:root {
  --color-navy: #0E1E3D;            /* แบรนด์หลัก: ตัวหนังสือ หัวข้อ ปุ่มใช้งาน */
  --color-navy-deep: #0A1630;       /* ท้ายเว็บ */
  --color-navy-raised: #17294D;     /* การ์ดบนพื้นกรม */
  --color-navy-hover: #1B2E57;      /* hover ปุ่มกรม */
  --color-red: #E2302B;             /* ปุ่มทำเงิน (ฝากทรัพย์/สมัคร/ส่งฟอร์ม) และหลังคาในโลโก้ */
  --color-red-hover: #C42620;
  --color-red-soft: #FF8A80;        /* ตัวเลข/ตัวเน้นบนพื้นกรม */
  --color-text-muted: #4A5470;      /* ข้อความรองบนพื้นขาว */
  --color-text-on-dark-muted: #C9CFDC;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4F5F8;
  --color-border: #E3E6EE;
  --color-border-strong: #C9CFDC;
  --color-line: #06C755;            /* LINE เท่านั้น */
  --color-line-hover: #05A847;
  --color-tag-bg: #EEF0F5;
  --color-tag-hot-bg: #FDECEA;
  --color-disabled-bg: #E3E6EE;
  --color-disabled-text: #8E99B3;
  --radius-btn: 10px; --radius-chip: 999px; --radius-tag: 6px;
  --btn-h-lg: 52px; --btn-h-md: 44px; --btn-h-sm: 36px; --tap-min: 44px;
  --focus-ring: 0 0 0 3px rgba(226, 48, 43, .35);
}