/* ===========================================================
   ערכות נושא — כל ערכה דורסת את משתני הבסיס מ-style.css.
   ברירת המחדל (ללא data-theme, או data-theme="original") נשארת
   כמו שמוגדר ב-:root של style.css.
   =========================================================== */

:root[data-theme="batman"] {
  --bg: #05070a;
  --surface: #0d1117;
  --surface-2: #151b23;
  --line: #232b36;
  --text: #e6edf3;
  --muted: #7c8798;
  --gold: #3ecbff;      /* accent ראשי — כחול חשמלי */
  --gold-dim: #1d6d8f;
  --teal: #f2c50c;      /* accent משני — צהוב אות-העטלף */
  --admin: #c0392b;
}

:root[data-theme="study"] {
  --bg: #f3ead9;
  --surface: #ece0c7;
  --surface-2: #e3d4b2;
  --line: #cdb98e;
  --text: #2b2013;
  --muted: #6e5f45;
  --gold: #7a2e2e;      /* accent ראשי — בורדו כריכת ספר */
  --gold-dim: #5c2222;
  --teal: #2c4a52;      /* accent משני — כחול-ירוק כהה */
  --admin: #a13a2f;
}

/* גריד הרקע דורש ניגודיות שונה בערכה הבהירה */
:root[data-theme="study"] .bg-grid { opacity: 0.06; }

/* ---------- מתג ערכות נושא (מוצג בכל עמוד) ---------- */
#themeSwitcher {
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 9998;
}

#themeSwitcher select {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 12.5px;
  font-family: var(--font-body);
  cursor: pointer;
}