/* =====================================================================
   NEON Desktop v1 — ธีมสี (สลับสดด้วย <html data-theme="...">)
   ทุกหน้าต่าง (แชท / ตั้งค่า / แจ้งเตือน) ใช้ตัวแปรชุดเดียวกัน
   ===================================================================== */
:root, [data-theme="onyx"] {
  /* ---- Onyx (ค่าเริ่มต้น): ดำสนิท + แพลทินัม ---- */
  --scheme: dark;
  --bg-solid: #0a0a0c;
  --bg2: #111114;          /* ไซด์บาร์ / แผงข้าง */
  --bg3: #060607;          /* ช่องกรอก / โค้ด */
  --bg4: #18181c;          /* hover / การ์ดยกระดับ */
  --line: rgba(236, 236, 241, .08);
  --line2: rgba(236, 236, 241, .18);
  --text: #ececf1;
  --text2: #8f8f9b;
  --text3: #5a5a66;
  --accent: #d7d7e0;
  --accent2: #a9a9b6;
  --accent-ink: #0a0a0c;
  --glow: rgba(215, 215, 224, .25);
  --tint: rgba(215, 215, 224, .07);
  --tint2: rgba(215, 215, 224, .14);
  --good: #4ade80; --warn: #fbbf24; --bad: #f87171; --info: #7cc8ff;
  --me-text: #f6f6fa;
  --shadow: 0 18px 50px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);
  --scan: 0;
  --radius: 10px;
}

/* ---- Arctic: ดำกระจก + ฟ้าน้ำแข็ง ---- */
[data-theme="arctic"] {
  --bg-solid: #0b1016;
  --bg2: #10171f;
  --bg3: #070b10;
  --bg4: #16202a;
  --line: rgba(150, 205, 255, .11);
  --line2: rgba(150, 205, 255, .26);
  --text: #edf4fa;
  --text2: #91a4b8;
  --text3: #5d6f82;
  --accent: #7cc8ff;
  --accent2: #bfe4ff;
  --accent-ink: #041421;
  --glow: rgba(124, 200, 255, .4);
  --tint: rgba(124, 200, 255, .08);
  --tint2: rgba(124, 200, 255, .16);
  --good: #4ade80; --warn: #fbbf24; --bad: #fb7185; --info: #7cc8ff;
  --me-text: #e9f5ff;
  --radius: 10px;
}

/* ---- Aurora: ม่วงกลางคืน + มิ้นต์ ---- */
[data-theme="aurora"] {
  --bg-solid: #0d0a18;
  --bg2: #130f22;
  --bg3: #090612;
  --bg4: #1b1630;
  --line: rgba(179, 157, 255, .12);
  --line2: rgba(179, 157, 255, .28);
  --text: #f1ecff;
  --text2: #9b92b8;
  --text3: #675f85;
  --accent: #b39dff;
  --accent2: #5eead4;
  --accent-ink: #120a2a;
  --glow: rgba(179, 157, 255, .4);
  --tint: rgba(179, 157, 255, .08);
  --tint2: rgba(179, 157, 255, .16);
  --good: #5eead4; --warn: #fcd34d; --bad: #fb7185; --info: #b39dff;
  --me-text: #f4eeff;
  --radius: 12px;
}

/* ---- Ember: ถ่านดำ + อำพันอุ่น ---- */
[data-theme="ember"] {
  --bg-solid: #110d0b;
  --bg2: #18130f;
  --bg3: #0b0806;
  --bg4: #221b15;
  --line: rgba(240, 179, 90, .11);
  --line2: rgba(240, 179, 90, .26);
  --text: #f4ede6;
  --text2: #a69583;
  --text3: #6e6052;
  --accent: #f0b35a;
  --accent2: #f6cf8d;
  --accent-ink: #1c1206;
  --glow: rgba(240, 179, 90, .4);
  --tint: rgba(240, 179, 90, .08);
  --tint2: rgba(240, 179, 90, .16);
  --good: #86efac; --warn: #fde68a; --bad: #fb7185; --info: #f0b35a;
  --me-text: #fff4e4;
  --radius: 10px;
}

/* ---- Matrix: ดำ + เขียวเทอร์มินัล ---- */
[data-theme="matrix"] {
  --bg-solid: #040a06;
  --bg2: #07120b;
  --bg3: #020603;
  --bg4: #0c1a11;
  --line: rgba(61, 255, 159, .13);
  --line2: rgba(61, 255, 159, .3);
  --text: #d9ffe6;
  --text2: #7fb595;
  --text3: #4f8266;
  --accent: #3dff9f;
  --accent2: #a3ffcf;
  --accent-ink: #02130a;
  --glow: rgba(61, 255, 159, .4);
  --tint: rgba(61, 255, 159, .07);
  --tint2: rgba(61, 255, 159, .15);
  --good: #3dff9f; --warn: #ffe066; --bad: #ff6b6b; --info: #3dff9f;
  --me-text: #eafff2;
  --scan: .03;
  --radius: 6px;
}

/* ---- Paper: ขาวนวล + น้ำเงินหมึก (ธีมสว่าง) ---- */
[data-theme="paper"] {
  --scheme: light;
  --bg-solid: #f6f6f3;
  --bg2: #fcfcfa;
  --bg3: #ffffff;
  --bg4: #ededea;
  --line: rgba(23, 23, 28, .1);
  --line2: rgba(23, 23, 28, .22);
  --text: #17171c;
  --text2: #5e5e6b;
  --text3: #8f8f9a;
  --accent: #2358d8;
  --accent2: #4f7df0;
  --accent-ink: #ffffff;
  --glow: rgba(35, 88, 216, .3);
  --tint: rgba(35, 88, 216, .07);
  --tint2: rgba(35, 88, 216, .14);
  --good: #15803d; --warn: #b45309; --bad: #dc2626; --info: #2358d8;
  --me-text: #10224f;
  --shadow: 0 18px 50px rgba(20, 30, 60, .16), 0 2px 8px rgba(20, 30, 60, .08);
  --radius: 10px;
}