/**
 * ธีมร่วมเว็บหลัก + Admin — แก้ไฟล์นี้ที่เดียวให้สอดคล้องทั้งสองฝั่ง
 * Used by: index.html, admin.html, news-all.html (link this file)
 */
:root,
[data-theme="cyber"] {
  --bg-dark: #060b14;
  --bg-card: rgba(10, 20, 40, 0.85);
  --accent: #00d4ff;
  --accent2: #00ff88;
  --accent3: #ff6b35;
  --text: #e0eaff;
  --text-dim: #7a9bbf;
  --border: rgba(0, 212, 255, 0.2);
  --glow: 0 0 20px rgba(0, 212, 255, 0.3);
  --grid-line: rgba(0, 212, 255, 0.025);
  --signal-color: rgba(0, 212, 255, 0.15);
  --signal-stroke: #00d4ff;
  --hero-grad: linear-gradient(to bottom, rgba(6, 11, 20, 0) 0%, rgba(6, 11, 20, 0.85) 60%, #060b14 100%);
  /* Admin aliases (เดิมใช้ชื่อย่อ) */
  --bg: var(--bg-dark);
  --bg2: #0d1a2e;
  --bg3: #0a1628;
  --dim: var(--text-dim);
  --card: rgba(10, 22, 45, 0.9);
}

[data-theme="tactical"] {
  --bg-dark: #070c05;
  --bg-card: rgba(10, 18, 7, 0.9);
  --accent: #8bc34a;
  --accent2: #ffc107;
  --accent3: #ff7043;
  --text: #ddefc8;
  --text-dim: #7a9b5e;
  --border: rgba(139, 195, 74, 0.22);
  --glow: 0 0 20px rgba(139, 195, 74, 0.3);
  --grid-line: rgba(139, 195, 74, 0.025);
  --signal-color: rgba(139, 195, 74, 0.12);
  --signal-stroke: #8bc34a;
  --hero-grad: linear-gradient(to bottom, rgba(7, 12, 5, 0) 0%, rgba(7, 12, 5, 0.85) 60%, #070c05 100%);
  --bg: var(--bg-dark);
  --bg2: #121c0e;
  --bg3: #0c1408;
  --dim: var(--text-dim);
  --card: rgba(12, 22, 10, 0.92);
}

[data-theme="ops"] {
  --bg-dark: #0d0608;
  --bg-card: rgba(22, 8, 10, 0.9);
  --accent: #ff4757;
  --accent2: #ffa502;
  --accent3: #00d4ff;
  --text: #ffe4e6;
  --text-dim: #b07880;
  --border: rgba(255, 71, 87, 0.22);
  --glow: 0 0 20px rgba(255, 71, 87, 0.3);
  --grid-line: rgba(255, 71, 87, 0.025);
  --signal-color: rgba(255, 71, 87, 0.12);
  --signal-stroke: #ff4757;
  --hero-grad: linear-gradient(to bottom, rgba(13, 6, 8, 0) 0%, rgba(13, 6, 8, 0.85) 60%, #0d0608 100%);
  --bg: var(--bg-dark);
  --bg2: #1a0c10;
  --bg3: #12080a;
  --dim: var(--text-dim);
  --card: rgba(22, 10, 14, 0.92);
}