/* ============================================================
MW DESIGN SYSTEM · V.3 — mw2026.css (COLOR OVERRIDE LAYER)
Movewinbet · Bright Luxury Black / Gold
------------------------------------------------------------
หน้าที่: "ทับสี" ของเว็บเดิม (Bootstrap + custom/global.min.css)
ให้เป็นพาเลต designsystem2026 — เปลี่ยนเฉพาะ "สี" เท่านั้น
(color / background / gradient / border-color / box-shadow / fill)
ไม่แตะ layout · ขนาด · ฟอนต์ · ตำแหน่ง · radius
กติกา:
• import เฉพาะ tokens.css เพื่อใช้ตัวแปรพาเลต (ไม่มีผลต่อ layout)
• ทุก override อยู่ในไฟล์นี้ไฟล์เดียว — ไม่แก้ CSS อื่น / ไม่แก้ HTML
• ต้อง ไฟล์นี้ "ตัวสุดท้าย" ใน ของแต่ละหน้า
• ใช้ !important เท่าที่จำเป็น (CSS เดิม minified specificity สูง)
ครอบคลุมหน้าแรกที่ทำ: home.html (โครงร่วมใช้ได้กับทุกหน้า member)
============================================================ */
@import "tokens.css";
/* ฟอนต์ Anuphan — ให้หน้า landing โหลดได้ (หน้าอื่นโหลดผ่าน custom-theme-default.css อยู่แล้ว)
ใช้แก้ความไม่สม่ำเสมอของ font-family เท่านั้น ไม่ได้เปลี่ยนดีไซน์ฟอนต์ของเว็บ */
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700&display=swap');
/* ============================================================
0. THEME VARIABLE REMAP
custom-theme-default.css ใช้ var() 33 จุด — remap ตรงนี้
ครอบคลุม navbar / user-bar / เมนู ที่อิงตัวแปรเหล่านี้
(ไม่แตะ --font-family-* และ url() ใด ๆ)
============================================================ */
:root{
--solid-black:#000000; /* คงเดิม */
--vampire-black:var(--bg-base); /* #080705 → พื้นดำหรู */
--grey-creyola:var(--border-default); /* #2A363F → เส้นขอบกลาง */
--spanish-yellow:var(--gold-500); /* #EDAB0F → ทอง primary */
--deep-lemeon:var(--gold-400); /* #f9ca21 → ทองสว่าง */
--icon-yellow:var(--gold-500); /* #f8bf10 */
--olive:var(--gold-800); /* #5B4839 → ขอบทองเข้ม */
--border-sub-menu:var(--ink-400); /* #7A868F */
--primary-gold:var(--grad-gold); /* gradient ทองหรู */
--bg-menu-service:var(--surface-1); /* #131C24 → พื้นการ์ดเมนู */
/* bullet เพชรทอง (สำหรับ divider-with-text) — SVG rotate(45) สี gold-500 */
--mw-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='1.3' y='1.3' width='5.4' height='5.4' transform='rotate(45 4 4)' fill='%23EFBF3B'/%3E%3C/svg%3E");
}
/* ============================================================
1. GLOBAL — body · wrapper · navbar · footer · ลิงก์
============================================================ */
/* base สีพื้นย้ายไป html (fallback) เพื่อให้เลเยอร์ gradient ใน body::before โชว์ได้
— ดู Section 19 (Fixed gradient background / parallax illusion) */
html{background:var(--bg-base)!important}
body{background:transparent!important;color:var(--ink-50)!important}
.wrapper.dark{background-color:transparent!important}
.bg-dark{background-color:var(--bg-base)!important} /* utility: เดิม #232531 (น้ำเงินเทา) → ดำธีม ให้กลืนกับหน้า */
.table.table-striped tbody tr:nth-of-type(odd){background-color:var(--surface-1)!important}
.navbar{background-color:var(--bg-base)!important;border-bottom-color:var(--border-gold)!important}
.navbar .navbar-toggler-icon{color:var(--gold-300)!important}
/* นาวบาร์ / แถบ header / user-bar — un-scoped ให้ครอบทุกหน้า
(home มี body.theme-default, landing ไม่มี class จึงต้องไม่ผูก theme-default) */
nav.navbar,
nav#navbar-header,#navbar-header,
nav#user-bar{background:var(--bg-base)!important}
/* เฉพาะหน้า landing: #navbar-header ที่มี