/* =========================================================
   IMBA · ראש עמוד בהיר (בקשת האיגוד, 08-10-2026)
   ההדר והחלק העליון של כל עמוד: ירקרק בהיר #EBF6EA עם טקסט כהה, במקום הכהה #021A22 עם טקסט לבן.
   השיטה: בתוך החלקים העליונים מגדירים מחדש את טוקני ה-inverse (רקע בהיר, טקסט כהה), ולכן רוב
   הרכיבים מתהפכים לבד. למטה מתוקנים רק המקומות שבהם לבן כתוב בקוד.
   הפוטר והפסים הכהים באמצע העמוד (מטרות, חדשות, אמנה, "יש לכם מאמר") נשארים כהים.
   ניגודיות על #EBF6EA: טקסט #021A22 = 16.4:1 · טקסט משני #4A5A60 = 6.6:1 · ירוק #23603D = 6.9:1 (כולם AA).
   לחזרה לכהה: להסיר את הקובץ מ-setup.php.
   ========================================================= */
:root{--bg-head:#EBF6EA;--bg-head-line:rgba(2,26,34,.14)}

.hero.surface-inverse,.phero,.dhero,.phead,.nhero.surface-inverse,.bhero.surface-inverse,.contact.surface-inverse,.surface-inverse.nf{
  --bg-inverse:var(--bg-head);
  --bg-inverse-2:var(--bg);
  --text-inverse:var(--text);
  --text-inverse-2:var(--text-2);
  --text-inverse-3:var(--text-2);
  --line-inverse:var(--bg-head-line);
  background:var(--bg-head);color:var(--text);
}
/* מעבר מהחלק העליון לתמונה (cover/banner) ולגלריית החברים בדף הבית */
.cover,.banner{background:linear-gradient(var(--bg-head) 50%,var(--bg) 50%)}
.hero__media::before{background:linear-gradient(var(--bg-head),transparent)}
.hero__media::after{background:linear-gradient(transparent,var(--bg-head))}

/* ---- ההדר ---- */
.hdr{color:var(--text)}
.hdr.is-fixed{background:rgba(235,246,234,.96);box-shadow:0 1px 0 var(--bg-head-line)}
.nav__cta:hover{background:var(--text);color:#fff;border-color:var(--text)}
.nav__search:hover{background:rgba(2,26,34,.06)}
.logo__mark{box-shadow:0 0 0 1px var(--bg-head-line)}
/* תפריט המובייל הפתוח: אותו ירקרק עם טקסט כהה (פאבל, 08-10-2026; קודם שכבה כהה) */
.hdr.menu-open{color:var(--text);background:var(--bg-head)}
@media (max-width:1100px){
  .nav.open{background:var(--bg-head);color:var(--text)}
  .nav.open .nav__link{border-bottom-color:var(--bg-head-line)}
  .nav.open .drop{color:var(--text)}
  .nav.open .drop a{color:var(--text-2)}
  .nav.open .drop a:hover,.nav.open .drop a.is-current{background:var(--bg);color:var(--text)}
  .nav.open .nav__cta:hover{background:var(--text);color:#fff;border-color:var(--text)}
}

/* ---- כפתורים בחלק העליון ---- */
:is(.hero,.phero,.dhero,.phead,.nhero,.bhero,.contact,.nf) .btn:hover{background:var(--text);border-color:var(--text);color:#fff}
:is(.hero,.phero,.dhero,.phead,.nhero,.bhero,.contact,.nf) .btn--solid{background:var(--accent);border-color:var(--accent);color:#fff}
:is(.hero,.phero,.dhero,.phead,.nhero,.bhero,.contact,.nf) .btn--solid:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}

/* ---- דף הבית: כרטיס העדכונים בהירו ---- */
.spot{box-shadow:0 1px 0 var(--bg-head-line)}
.spot__go:hover{color:var(--accent)}
.spot__arrows button:hover{background:var(--bg-head)}
.spot__bar{background:var(--line)}
.spot__bar i{background:var(--text)}

/* ---- חיפוש מטפל ---- */
.dsearch{border-bottom-color:var(--text-2);color:var(--text)}
.dsearch input{color:var(--text)}
.dsearch input::placeholder{color:var(--text-2)}

/* ---- פרופיל ---- */
.phead__photo{box-shadow:0 0 0 6px rgba(2,26,34,.05)}
.badge{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--bg-head-line)}
.badge svg{color:var(--accent)}
.badge--line{background:transparent;color:var(--text-2)}
.phead .btn{border-color:var(--text-2)}
.padmin__a{box-shadow:inset 0 0 0 1px var(--bg-head-line)}
.padmin__a:hover{background:var(--text);color:#fff}
.padmin__a.is-danger{color:var(--c-danger)}

/* ---- מאמרים והרצאות: צ'יפים בהירו ---- */
.nhero .chip{background:var(--bg);border-color:var(--bg-head-line);color:var(--text-2)}
.nhero .chip:hover{border-color:var(--text);color:var(--text)}
.nhero .chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}

/* ---- יצירת קשר (כל העמוד הוא החלק העליון) ---- */
.contact__req span,.cf label span,.contact__agree .req{color:var(--accent)}
.cf{background:var(--bg)}
.cf:focus-within{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--text)}
.cf input,.cf select,.cf textarea{color:var(--text)}
.cf--sel::after{border-color:var(--text)}
.cf .field__hint,.contact__agree .field__hint,.contact__agree.field--error .contact__opt{color:var(--c-danger)}
.field--error.cf{box-shadow:inset 0 -2px 0 var(--c-danger)}
.contact__done,.contact__err{background:var(--bg)}
.contact__err{box-shadow:inset 3px 0 0 var(--c-danger)}
.contact__info dd a:hover{color:var(--accent)}

/* ---- 404 ---- */
.nf .chip{background:var(--bg);color:var(--text);border-color:var(--bg-head-line)}
.nf .chip:hover{border-color:var(--text)}
.bflag__k{color:var(--accent)}

/* =========================================================
   סקשנים בהירים במקום כהים (בקשת האיגוד, 08-10-2026, סבב 2)
   מטרות + חדשות בדף הבית, ופס "יש לכם מאמר/הטבה" = #EAF6F6 · אמנה (אודות) + פוטר = אפור #EDF0EE (c-ink-100)
   יצירת קשר = לבן כולו. אותה שיטה: טוקני inverse מוגדרים מחדש בתוך הסקשן.
   ========================================================= */
:root{--bg-soft:#EAF6F6;--bg-foot:#F8F8F8} /* פוטר + אמנה: אפור בהיר (פאבל 08-10, היה #EDF0EE) */
.goals.surface-inverse,.news.surface-inverse,.nshare.surface-inverse,.charter.surface-inverse,.ftr{
  --bg-inverse:var(--bg-soft);
  --bg-inverse-2:var(--bg);
  --text-inverse:var(--text);
  --text-inverse-2:var(--text-2);
  --text-inverse-3:var(--text-2);
  --line-inverse:var(--bg-head-line);
  background:var(--bg-soft);color:var(--text);
}
.charter.surface-inverse,.ftr{--bg-inverse:var(--bg-foot);background:var(--bg-foot)}
.ftr{box-shadow:inset 0 1px 0 var(--bg-head-line)} /* קו דק כשהאמנה (באותו אפור) ממש מעליו */
:is(.goals,.news,.nshare,.charter,.ftr) .btn:hover{background:var(--text);border-color:var(--text);color:#fff}
:is(.goals,.news,.nshare,.charter,.ftr) .btn--solid:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}

/* מטרות: האריחים נשארים כהה/ירוק עם איור לבן, רק הטקסט והפסים כהים */
.goals .g__art{background:var(--c-ink-800)}
.goals .g.on .g__art{background:var(--accent)}
.goals .g.on .g__tab{color:var(--text)}
.goals .g__tab::before{background:var(--bg-head-line)}
.goals .g__tab i{background:var(--text)}

/* חדשות: הכרטיס עם התמונה נשאר כהה מלמטה עם טקסט לבן */
.story--image .story__k,.story--image time{color:rgba(255,255,255,.78)}
.news .story:not(.story--image){background:var(--bg)}
.news .story:not(.story--image):hover{background:var(--bg);border-color:var(--text)}

/* אמנה: האיור כהה על אפור */
.charter__art svg{stroke:var(--text)}

/* פוטר */
.nl{border-bottom-color:var(--text-2)}
.nl input{color:var(--text)}
.nl input::placeholder{color:var(--text-2)}
.nl button:hover{background:var(--text);color:#fff}
.nl-note--err{color:var(--c-danger)}
.nl-check .req{color:var(--accent)}
.ftr__col a:hover{color:var(--accent)}

/* הטבות: כרטיס "10 הטבות" לבן על הרקע הירקרק */
.bhero__join{background:var(--bg);border-color:var(--bg);box-shadow:0 1px 2px rgba(2,26,34,.06)}

/* יצירת קשר: כל העמוד לבן, השדות בסגנון הטפסים באתר (ממולא bg-alt, מסגרת בפוקוס) */
.contact.surface-inverse{--bg-head:var(--bg);background:var(--bg)}
.contact .cf{background:var(--bg-alt)}
.contact .cf:hover{box-shadow:inset 0 0 0 1px var(--line)}
.contact .cf:focus-within{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--text)}
.contact__done,.contact__err{background:var(--bg-alt)}
.contact__info{border-top-color:var(--line)}