/* ═══════════════════════════════════════════════════════════
   LIGHT THEME — แปลงหน้าธีม "ทอง-ดำ" เดิม → โทนสว่างโมเดิร์น (กระจก)
   ผูกเฉพาะหน้าที่เคยมืด · วางหลัง glass-ui.css:
     <link rel="stylesheet" href="glass-ui.css">
     <link rel="stylesheet" href="light-theme.css">
   ═══════════════════════════════════════════════════════════ */
:root{
  --bg:#eef2fb;
  --text:#262b34;
  --cream:#1E232B;       /* หัวข้อ/ตัวเข้ม */
  --gold:#B8860B;
  --gold-bright:#9A6E08;
  --gold2:#9A6E08;
  --muted:#6b7280;
  --card:rgba(255,255,255,.55);
  --border:rgba(255,255,255,.75);
  --green:#1f9d57;
  --greenbg:rgba(31,157,87,.12);
}
body{background:var(--bg) !important;color:var(--text) !important}

/* nav ที่ฮาร์ดโค้ดพื้นมืด → กระจกสว่าง */
nav{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.6) !important;
  box-shadow:0 4px 18px rgba(20,30,55,.06) !important;
}
.back,.back:visited{color:var(--muted) !important}
footer{border-top-color:rgba(20,30,55,.10) !important;color:var(--muted) !important}
/* แถบเครื่องมือ/ฟิลเตอร์ที่ฮาร์ดโค้ดพื้นมืด → กระจกสว่าง */
.tools,.toolbar,.filterbar,.filters,.searchbar{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
/* โอเวอร์เลย์มืดที่ฮาร์ดโค้ด (อนุภาค/แสงเรือง) → ซ่อนให้พื้นสว่าง+aurora โชว์ */
#bgCanvas,#glow{display:none !important}

/* การ์ดเนื้อหาเดิม (.box/.card ฯลฯ) → กระจกสว่าง (ปลอดภัย เพราะไฟล์นี้โหลดเฉพาะหน้ามืด) */
.box,.card,.qcard,.qbox,.vcard,.video-card,.lnk{
  position:relative;overflow:hidden;
  background:var(--glass-bg) !important;
  border:2.5px solid var(--glass-border) !important;
  border-radius:var(--g-radius) !important;
  box-shadow:var(--glass-shadow) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  color:var(--text) !important;
}
.box::before,.card::before,.qcard::before,.qbox::before,.vcard::before,.video-card::before,.lnk::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.26) 20%,rgba(255,255,255,0) 42%),
    linear-gradient(112deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.30) 39%,rgba(255,255,255,.06) 44%,rgba(255,255,255,0) 50%);
}
.box>*,.card>*,.qcard>*,.qbox>*,.vcard>*,.video-card>*,.lnk>*{position:relative;z-index:1}
.box:hover,.card:hover,.qcard:hover,.vcard:hover,.video-card:hover,.lnk:hover{
  transform:translateY(-10px) scale(1.02);box-shadow:var(--glass-shadow-hover) !important;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;
}