/* מתג שמש וירח - תקן לכל אתר של Mindset AI Systems. נכתב 15/09/2026, הוראת הבעלים.
 *
 * שלושה מצבים, בסדר הזה:
 *   1. בחירה מפורשת של המשתמש  - נשמרת ונשארת, גוברת על הכל.
 *   2. אין בחירה  - הולכים לפי הגדרת מערכת ההפעלה של המשתמש.
 *   3. ברירת המחדל  - בהיר.
 *
 * למה הסלקטור הוא html ולא :root - בכל עמוד יש בלוק סגנון משובץ שמגדיר את
 * המשתנים ב-:root, והוא נטען אחרי הגיליון הזה. ‏html[data-theme] חזק ממנו
 * בדירוג הסגוליות, ולכן הוא זה שגובר. בלי זה המתג לא היה עושה כלום.
 */

html[data-theme="dark"],
html[data-theme="dark"] :root {
  --bg: #1a1916;            /* רקע כהה מאושר */
  --surface: #25232B;       /* ms-dark */
  --surface-2: #343043;     /* ms-dark-2 */
  --text-primary: #FFFFFF;
  --text-secondary: #B4A8E4;
  --text-muted: #8B82A8;
  --border: rgba(137,110,192, 0.15);
  --glow: 0 0 40px rgba(137,110,192, 0.15);
  --surface-glass: rgba(37,35,43,.94);
  --tint-04: rgba(255,255,255,0.04); --tint-05: rgba(255,255,255,0.05);
  --tint-07: rgba(255,255,255,0.07); --tint-08: rgba(255,255,255,0.09);
  --tint-10: rgba(255,255,255,0.12);
  --border-input: rgba(255,255,255,0.14);
  --border-strong: rgba(137,110,192, 0.35);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --bg: #1a1916;
    --surface: #25232B;
    --surface-2: #343043;
    --text-primary: #FFFFFF;
    --text-secondary: #B4A8E4;
    --text-muted: #8B82A8;
    --border: rgba(137,110,192, 0.15);
    --glow: 0 0 40px rgba(137,110,192, 0.15);
    --surface-glass: rgba(37,35,43,.94);
    --tint-04: rgba(255,255,255,0.04); --tint-05: rgba(255,255,255,0.05);
    --tint-07: rgba(255,255,255,0.07); --tint-08: rgba(255,255,255,0.09);
    --tint-10: rgba(255,255,255,0.12);
    --border-input: rgba(255,255,255,0.14);
    --border-strong: rgba(137,110,192, 0.35);
    color-scheme: dark;
  }
}

/* המתג עצמו */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; min-width: 42px; padding: 0;
  border-radius: 12px; cursor: pointer;
  background: var(--surface); border: 1px solid var(--border);
  color: var(--text-secondary); font-family: inherit;
  transition: color .18s, border-color .18s, transform .18s;
}
.theme-toggle:hover { color: #896EC0; border-color: #896EC0; transform: translateY(-1px); }
.theme-toggle:focus-visible { outline: 2px solid #896EC0; outline-offset: 2px; }
.theme-toggle svg { width: 19px; height: 19px; }

/* בעמוד שאין בו סרגל עליון המתג צף בפינה התחתונה, כדי לא לכסות לוגו */
.theme-toggle.floating {
  position: fixed; bottom: 16px; left: 16px; z-index: 60;
  box-shadow: 0 6px 18px rgba(37,35,43,.16);
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle { transition: none; }
}