/* =========================================================
   IMBA Design System · 1. Tokens
   כל ערך באתר נגזר מכאן. אין צבע, גודל או ריווח "קשיח" בקומפוננטות.
   כהה = עוגן · לבן / אוף-וייט = משטחים · ירוק עמוק = אקסנט קטן בלבד
   ========================================================= */
:root{
  /* ---- צבע: בסיס ---- */
  --c-ink-900:#021A22;   /* הכהה של המותג */
  --c-ink-800:#072A34;
  --c-ink-700:#0D3A46;
  --c-ink-500:#4A5A60;
  --c-ink-400:#637174;  /* היה #7C8A8F (3.57:1 על לבן, נכשל ב-AA). 08-10-2026: 5:1 על לבן, 4.6:1 על #F6F6F2 ו-#EAF6F6 */
  --c-ink-200:#DDE2E0;
  --c-ink-100:#EDF0EE;
  --c-paper:#FFFFFF;
  --c-paper-2:#F6F6F2;   /* אוף-וייט חם */
  --c-green-700:#1B4E31;
  --c-green-600:#23603D; /* הירוק של המותג, מעומעם */
  --c-green-500:#2F7A4F;
  --c-green-100:#E7EEE9;
  --c-danger:#A33A2B;

  /* ---- צבע: תפקידים (להשתמש רק בהם בקומפוננטות) ---- */
  --bg:var(--c-paper);
  --bg-alt:var(--c-paper-2);
  --bg-inverse:var(--c-ink-900);
  --bg-inverse-2:var(--c-ink-800);
  --text:var(--c-ink-900);
  --text-2:var(--c-ink-500);
  --text-3:var(--c-ink-400);
  --text-inverse:#FFFFFF;
  --text-inverse-2:rgba(255,255,255,.74);
  --text-inverse-3:rgba(255,255,255,.52);
  --line:var(--c-ink-200);
  --line-inverse:rgba(255,255,255,.14);
  --accent:var(--c-green-600);
  --accent-hover:var(--c-green-500);
  --accent-soft:var(--c-green-100);
  --accent-mark:#B7D5C1;  /* מרקר מאחורי מילה מודגשת: ירוק בהיר, לא צבע ה-CTA */

  /* ---- טיפוגרפיה ---- */
  --font:"Open Sans Hebrew","Open Sans",Arial,sans-serif;
  --fs-display:clamp(48px,6.4vw,104px);
  --fs-h1:clamp(40px,4.6vw,72px);
  --fs-h2:clamp(28px,2.6vw,40px);
  --fs-h3:clamp(21px,1.6vw,25px);
  --fs-lead:clamp(18px,1.4vw,22px);
  --fs-body:18px;
  --fs-small:15px;
  --fs-micro:13px;
  --lh-tight:1.02;
  --lh-heading:1.25;
  --lh-body:1.85;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-black:800;
  --tracking-tight:-.025em;

  /* ---- ריווח (סקאלה של 4) ---- */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-7:32px; --s-8:40px; --s-9:48px; --s-10:64px; --s-11:80px; --s-12:120px;
  --sec:clamp(80px,8vw,140px);     /* ריווח סקשן (הודק 30-09) */
  --sec-s:clamp(60px,6vw,100px);
  --gap-grid:clamp(28px,3vw,44px);

  /* ---- פריסה ---- */
  --wrap:1320px;
  --wrap-narrow:780px;
  --gut:clamp(20px,5vw,72px);
  --header-h:96px;

  /* ---- צורה ---- */
  --r-sm:8px; --r-md:12px; --r-pill:999px;
  --shadow-pop:0 24px 48px rgba(2,26,34,.18);
  --border:1px solid var(--line);

  /* ---- תנועה ---- */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:.2s; --t-mid:.4s; --t-slow:.9s;
}