/* gray-theme.css — ครอบเว็บทั้งหมดเป็นขาว-ดำ (grayscale) */
:root{
--gray-bright: #e6e6e6;
--gray-muted: #9aa0a6;
}


/* ครอบทั้งหน้าโดยใช้ filter */
html, body {
-webkit-filter: grayscale(100%) contrast(0.98) brightness(0.98);
filter: grayscale(100%) contrast(0.98) brightness(0.98);
transition: filter 320ms ease, background-color 320ms ease;
}


/* ยกเว้นองค์ประกอบที่ต้องการเก็บสีไว้ ให้ใส่ class="keep-color" */
.keep-color,
.keep-color * {
-webkit-filter: none !important;
filter: none !important;
}


/* รองรับ background inline style หรือ background-image */
*[style*="background"],
*[style*="background-image"] {
-webkit-filter: grayscale(100%) contrast(0.98) brightness(0.98);
filter: grayscale(100%) contrast(0.98) brightness(0.98);
}


/* รูป/วิดีโอ/SVG */
img, video, picture, svg {
-webkit-filter: grayscale(100%) contrast(0.98) brightness(0.98);
filter: grayscale(100%) contrast(0.98) brightness(0.98);
}


/* ไอคอน */
.material-icons, .fa, i[class*="icon-"], svg {
-webkit-filter: grayscale(100%) brightness(0.95);
filter: grayscale(100%) brightness(0.95);
}


/* โลโก้ขาว-ดำ (ถ้าอยากให้แน่นอน ให้ใส่ class="logo") */
img.logo, .brand-logo img {
-webkit-filter: grayscale(100%) contrast(1) brightness(0.95) !important;
filter: grayscale(100%) contrast(1) brightness(0.95) !important;
}


/* ปรับปุ่ม/การ์ดให้เข้ากับธีมขาวดำ */
button, .btn, .card, .panel {
background-color: rgba(255,255,255,0.02) !important;
border-color: rgba(255,255,255,0.06) !important;
color: inherit !important;
}


/* ปรับข้อความให้คมขึ้นสำหรับ accessibility */
body, p, a, li, td, th {
color: var(--gray-bright) !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}


/* modal / header / footer */
.modal-content, header, footer, .ms-header, .ms-footer {
background: rgba(0,0,0,0.6) !important;
border-color: rgba(255,255,255,0.04) !important;
}


/* Mobile and reduced motion */
}