:root{
  --mf-light-bg:#f6f8fc;
  --mf-light-surface:#ffffff;
  --mf-light-surface-2:#f8fafc;
  --mf-light-text:#0f172a;
  --mf-light-muted:#64748b;

  --mf-dark-bg:#0f172a;
  --mf-dark-bg-2:#111827;
  --mf-dark-surface:#162033;
  --mf-dark-surface-2:#1e293b;
  --mf-dark-border:rgba(148,163,184,.18);
  --mf-dark-text:#f8fafc;
  --mf-dark-muted:#cbd5e1;
  --mf-dark-soft:#94a3b8;
  --mf-brand-blue:#2563eb;
  --mf-brand-blue-2:#1d4ed8;
}

/* כפתור החלפת מצב בלבד — בלי עיצוב מצב לילה ישן */
.mf-theme-toggle,
[data-theme-toggle]{
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  transition:.25s ease;
}

.mf-theme-toggle:hover,
[data-theme-toggle]:hover{
  background:rgba(37,99,235,.10);
  transform:translateY(-1px);
}

/* מצב הכפתור כשהאתר במצב לילה בלבד */
html[data-theme="dark"] .mf-theme-toggle,
html[data-theme="dark"] [data-theme-toggle]{
  background:rgba(255,255,255,.06);
  color:#e0f2fe;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}