/* ==========================================================================
   נץ שליחויות — טוקני עיצוב · רמה 0 (יסודות)
   מקור: מפרט עיצוב גרסה 1.3 (28.09.2026). רמה 0 עודכנה למפרט 1.8 —
   סקאלת הפריסה (08.10.2026). המפרט גובר על כל ערך כאן.
   כלל: רכיבים משתמשים ב-var() בלבד. hex / px קשיח בתוך רכיב = טעות.
   קידומת --nz- כדי לא להתנגש בטוקנים הישנים של redesign.css.
   ========================================================================== */

:root {
  /* ---------- 0.1 · צבעים — 13 ערכים, אין אחרים ---------- */
  --nz-navy:            #0F2E63; /* כותרות H1 · רקע פוטר · מסגרת כפתור משני · אייקונים */
  --nz-link-blue:       #1A57C2; /* קישורים · שורת משנה ב-hero · ריחוף תפריט */
  --nz-sky-bg:          #DCE7FA; /* רקע תגיות · הדגשת שורה · ריחוף כרטיס */
  --nz-orange-btn:      #FF8334; /* רקע כפתור ראשי בלבד. אף פעם לא טקסט */
  --nz-orange-text:     #C2570A; /* מילה אחת מודגשת בכותרת */
  --nz-page-bg:         #F5F7FB; /* רקע ברירת מחדל של כל עמוד, כולל hero */
  --nz-white:           #FFFFFF; /* כרטיסים · טפסים · הדר בגלילה · סקשנים מתחלפים */
  --nz-border:          #E4E9F2; /* מסגרות כרטיסים · קווי הפרדה · קו תחתון בהדר */
  --nz-text-primary:    #16181D; /* H2–H4 · טקסט על כפתור כתום · פריטי תפריט */
  --nz-text-secondary:  #5A6472; /* פסקאות · תיאורים · כיתובים */
  --nz-success:         #1B7A4B; /* הודעת הצלחה בטופס בלבד */
  --nz-error:           #C0392B; /* הודעת שגיאה בטופס בלבד */
  --nz-logo-blue:       #4977E5; /* קיים רק בתוך קובץ הלוגו. אסור ב-UI */

  /* ---------- צבעי רכיב (מופיעים במפרט מחוץ ל-13) ---------- */
  --nz-orange-btn-hover: #E86F22; /* ריחוף כפתור ראשי (הדר · hero · פוטר) */
  --nz-whatsapp-green:   #25D366; /* הכפתור הצף של וואטסאפ בלבד */

  /* ---------- גווני לבן שקופים — פוטר ---------- */
  --nz-white-a14: rgba(255, 255, 255, .14); /* קו מפריד */
  --nz-white-a22: rgba(255, 255, 255, .22); /* מסגרת אייקון רשת */
  --nz-white-a28: rgba(255, 255, 255, .28); /* מפריד "·" בשורה התחתונה */
  --nz-white-a50: rgba(255, 255, 255, .5);  /* תווית פרטי קשר */
  --nz-white-a55: rgba(255, 255, 255, .55); /* שורה תחתונה (5.05:1 — לא להחוויר) */
  --nz-white-a60: rgba(255, 255, 255, .6);  /* מסגרת אייקון רשת בריחוף */
  --nz-white-a62: rgba(255, 255, 255, .62); /* משפט תיאור · שעות */
  --nz-white-a70: rgba(255, 255, 255, .7);  /* "שליחויות והפצה" בפוטר */
  --nz-white-a75: rgba(255, 255, 255, .75); /* קישורי עמודות */
  --nz-white-a85: rgba(255, 255, 255, .85); /* אייקוני פרטי קשר */
  --nz-white-a88: rgba(255, 255, 255, .88); /* ערך פרטי קשר */

  /* ---------- 0.2 · גופנים ---------- */
  --nz-font-fallback: system-ui, -apple-system, sans-serif;
  --nz-font-heading:  'Heebo', var(--nz-font-fallback);     /* 700, 900 */
  --nz-font-body:     'Assistant', var(--nz-font-fallback); /* 400, 600, 700 */

  --nz-weight-regular:  400;
  --nz-weight-semibold: 600;
  --nz-weight-bold:     700;
  --nz-weight-black:    900;

  /* ---------- 0.2 · סקאלת טיפוגרפיה (ערכי דסקטופ; מובייל למטה) ---------- */
  /* H1 — Heebo 900 · 52/32 · LH 1.1 · LS -0.02em · נייבי */
  --nz-h1-size: 52px;
  --nz-h1-lh:   1.1;
  --nz-h1-ls:   -0.02em;
  --nz-h1-color: var(--nz-navy);

  /* H2 — Heebo 900 · 36/26 · LH 1.15 · LS -0.01em */
  --nz-h2-size: 36px;
  --nz-h2-lh:   1.15;
  --nz-h2-ls:   -0.01em;
  --nz-h2-color: var(--nz-text-primary);

  /* H3 — Heebo 700 · 24/20 · LH 1.25 */
  --nz-h3-size: 24px;
  --nz-h3-lh:   1.25;
  --nz-h3-color: var(--nz-text-primary);

  /* H4 — Heebo 700 · 19/17 · LH 1.3 */
  --nz-h4-size: 19px;
  --nz-h4-lh:   1.3;
  --nz-h4-color: var(--nz-text-primary);

  /* פסקה גדולה — Assistant 400 · 18/17 · LH 1.65 */
  --nz-lead-size: 18px;
  --nz-lead-lh:   1.65;

  /* פסקה — Assistant 400 · 16 · LH 1.65 */
  --nz-body-size: 16px;
  --nz-body-lh:   1.65;

  /* טקסט קטן — Assistant 400 · 14 · LH 1.55 */
  --nz-small-size: 14px;
  --nz-small-lh:   1.55;

  /* תווית (eyebrow) — Assistant 700 · 12 · LS 0.12em · בלי uppercase */
  --nz-eyebrow-size: 12px;
  --nz-eyebrow-ls:   0.12em;

  /* טקסט כפתור — Assistant 700 · 16 · LH 1 · בהדר 14 */
  --nz-btn-size:       16px;
  --nz-btn-size-small: 14px;
  --nz-btn-lh:         1;

  /* פריט תפריט — Assistant 600 · 14 */
  --nz-nav-size: 14px;
  --nz-nav-active-border: 2px;

  /* רוחב שורה מקסימלי — 65 תווים · 720px */
  --nz-measure:    65ch;
  --nz-measure-px: 720px;

  /* ---------- 0.3 · סקאלת מרווחים — פריסה (מפרט 1.8): 18 ערכים, אין אחרים ----------
     ריפוד סקשן, מרווח בין רכיבים ובין בלוקים. ערך פריסה שאינו כאן = טעות.
     התאמה אופטית בתוך רכיב (אייקון↔כיתוב, baseline) נשארת ערך מקומי,
     ובתנאי שהיא מתועדת בטבלת הרכיב. */
  --nz-space-4:   4px;
  --nz-space-8:   8px;
  --nz-space-12:  12px;
  --nz-space-16:  16px;
  --nz-space-20:  20px;
  --nz-space-24:  24px;
  --nz-space-28:  28px;
  --nz-space-32:  32px;
  --nz-space-36:  36px;
  --nz-space-40:  40px;
  --nz-space-44:  44px;
  --nz-space-48:  48px;
  --nz-space-52:  52px;
  --nz-space-56:  56px;
  --nz-space-64:  64px;
  --nz-space-72:  72px;
  --nz-space-96:  96px;
  --nz-space-128: 128px;

  /* ---------- 0.3 · פריסה ---------- */
  --nz-content-max: 1200px;
  --nz-gutter: var(--nz-space-24);          /* 24 דסקטופ · 16 מובייל */
  --nz-section-pad: var(--nz-space-96);     /* 96 / 64 / 48 */
  --nz-grid-columns: 12;
  --nz-grid-gap: var(--nz-space-24);
  --nz-card-pad: var(--nz-space-24);
  --nz-card-pad-small-mobile: var(--nz-space-20); /* כרטיס קומפקטי — 20px (0.3) */
  --nz-card-gap: var(--nz-space-16);
  --nz-heading-to-text: var(--nz-space-8);  /* כותרת ← פסקה */
  --nz-text-to-button: var(--nz-space-24);  /* פסקה ← כפתור */

  /* ---------- 0.3 · פינות — אין אחרות ---------- */
  --nz-radius-sm:   8px;   /* שדות */
  --nz-radius-md:   16px;  /* כרטיסים ותמונות */
  --nz-radius-pill: 999px; /* תגיות וכפתורים */
  --nz-radius-btn:  var(--nz-radius-pill); /* 2.3 (0.3, חוק 3א): כל כפתור באתר, במקום 8px. מקום אחד לכל הכפתורים */

  /* ---------- 0.3 · נקודות שבירה ----------
     CSS לא מאפשר var() בתוך @media — הערכים כאן לתיעוד ול-JS.
     בפועל: מובייל < 768 · טאבלט 768–1023 · דסקטופ ≥ 1024 */
  --nz-bp-min:     375px; /* רוחב מינימלי נתמך */
  --nz-bp-tablet:  768px;
  --nz-bp-desktop: 1024px;
  --nz-bp-wide:    1280px;
  --nz-bp-design:  1440px; /* רוחב העיצוב */

  /* ---------- 0.4 · צללים — תמיד בגוון נייבי ---------- */
  --nz-shadow-sm:     0 1px 2px rgba(15, 46, 99, .06);        /* כרטיס במנוחה */
  --nz-shadow-md:     0 4px 12px -4px rgba(15, 46, 99, .12);  /* ריחוף · תפריט נפתח */
  --nz-shadow-header: 0 1px 0 var(--nz-border), 0 8px 24px -14px rgba(15, 46, 99, .35); /* הדר בגלילה */

  /* ---------- 0.4 · אנימציה ---------- */
  --nz-dur-state: 180ms; /* הדר, פתיחת תפריט */
  --nz-dur-hover: 150ms; /* כפתורים, קישורים, כרטיסים */
  --nz-dur-reduced: 0.01ms; /* prefers-reduced-motion */
  --nz-ease: ease;

  /* ---------- 0.4 · שכבות — אין ערכים אחרים ---------- */
  --nz-z-mobile-bar: 90;
  --nz-z-header:     100;
  --nz-z-menu:       200;
  --nz-z-modal:      1000;
  --nz-z-toast:      1100;

  /* ---------- 0.5 · נגישות ---------- */
  --nz-focus-width:  2px;
  --nz-focus-offset: 2px;
  --nz-focus-color:  var(--nz-navy);     /* 1.4: נייבי. כתום נותן 2.46:1 ונכשל */
  --nz-tap-min:      44px;

  /* ---------- 1.1 · אייקונים ---------- */
  --nz-icon-size:  24px;
  --nz-icon-color: var(--nz-navy);

  /* ==========================================================================
     רמה 2 · Header — ערכים מפורשים מהמפרט (2.1–2.9)
     ========================================================================== */
  /* 2.1 · התנהגות */
  --nz-header-scroll-trigger: 24px;            /* scrollY > 24 ← מצב 2 (נקרא גם מ-JS) */
  --nz-scroll-padding-top:    62px;            /* על html — עוגנים לא נחבאים מתחת להדר */

  /* 2.2 · שני המצבים */
  --nz-header-h-rest:     74px;                /* מצב 1 */
  --nz-header-h-scrolled: 62px;                /* מצב 2 */
  --nz-header-h-mobile:   56px;                /* מובייל, בשני המצבים */
  --nz-header-bg-rest:     var(--nz-page-bg);  /* מצב 1 — זהה ל-hero */
  --nz-header-bg-scrolled: var(--nz-white);    /* מצב 2 — אטום */

  /* 2.3 · הלוגו בהדר — סמל + כיתוב חי */
  --nz-header-mark-rest:      34px;
  --nz-header-mark-scrolled:  28px;
  --nz-header-mark-mobile:    26px;
  --nz-header-name-rest:      18px;            /* "נץ" Heebo 900 */
  --nz-header-name-scrolled:  16px;
  --nz-header-name-ls:        -0.01em;
  --nz-header-sub-rest:       10px;            /* "שליחויות והפצה" Assistant 600 */
  --nz-header-sub-scrolled:   8.5px;
  --nz-header-sub-ls:         0.10em;
  --nz-header-sub-mt:         1px;
  --nz-header-logo-gap:       var(--nz-space-8);
  --nz-header-logo-clearspace: 17px;           /* חצי מגובה הסמל */

  /* 2.4 · תפריט הניווט */
  --nz-nav-gap:        20px;
  --nz-nav-pad-block:  var(--nz-space-4);
  --nz-nav-color:        var(--nz-text-primary);
  --nz-nav-color-hover:  var(--nz-link-blue);
  --nz-nav-color-active: var(--nz-navy);

  /* 2.5 · תפריט "מחירים" הנפתח */
  --nz-dropdown-w:           280px;
  --nz-dropdown-w-account:   220px;            /* תפריט אחרי התחברות */
  --nz-dropdown-radius:      12px;              /* 1.8 (2.5): 16px. הוחל בינתיים בדף הבית בלבד — home-level0.css */
  --nz-dropdown-pad:         var(--nz-space-8);
  --nz-dropdown-shadow:      0 10px 30px -10px rgba(15, 46, 99, .32);
  --nz-dropdown-title-size:  14.5px;           /* Heebo 700 */
  --nz-dropdown-desc-size:   12.5px;           /* Assistant 400 */
  --nz-dropdown-desc-lh:     1.4;
  --nz-dropdown-desc-mt:     2px;
  --nz-dropdown-item-pad-block:  10px;
  --nz-dropdown-item-pad-inline: 12px;
  --nz-dropdown-sep-margin-block:  6px;
  --nz-dropdown-sep-margin-inline: 8px;
  --nz-dropdown-close-delay: 120ms;            /* נקרא מ-JS */
  --nz-caret-size:    9px;
  --nz-caret-opacity: .55;
  --nz-caret-rotate:  180deg;                  /* מסתובב כשהתפריט פתוח */
  --nz-hairline:      1px;                     /* מסגרות וקווי הפרדה של 1px */

  /* ⚠️ לא מופיעים במפרט — החלטות מימוש שממתינות לאישור ניר */
  --nz-header-caption-lh: 1;                   /* גובה שורה ל"נץ" / "שליחויות והפצה" */
  --nz-caret-gap:         var(--nz-space-4);   /* בין "מחירים" לחץ ▾ */

  /* 2.6 · אזור ההתחברות */
  --nz-login-circle:      32px;
  --nz-login-icon:        18px;
  --nz-login-icon-stroke: 1.8;
  --nz-login-gap:         var(--nz-space-8);
  --nz-login-to-btn:      var(--nz-space-16);

  /* 2.7 · כפתור הפעולה בהדר */
  --nz-header-btn-h:         40px;
  --nz-header-btn-pad-block:  9px;
  --nz-header-btn-pad-inline: 18px;

  /* 2.8 · מובייל */
  --nz-mobile-header-gap:     var(--nz-space-12);
  --nz-hamburger-size:        24px;
  --nz-hamburger-stroke:      1.8;
  --nz-mobile-menu-item-size: 18px;
  --nz-mobile-menu-gap:       20px;
  --nz-mobile-accordion-indent: var(--nz-space-16);
  --nz-mobile-bar-h:          64px;

  /* ---------- כפתורים ראשי/משני (מתוך 3.3 — משמשים גם בסרגל התחתון) ---------- */
  --nz-btn-pad-block:  14px;
  --nz-btn-pad-inline: 28px;
  --nz-btn-min-h:      48px;
  --nz-btn-gap:        var(--nz-space-12);
  --nz-btn-secondary-border: 1.5px;

  /* ==========================================================================
     רמה 5 · לוגו — גדלים מהמפרט (4.2, 5.3)
     ========================================================================== */
  --nz-logo-full-h:  64px;   /* לוגו מלא — 64px ומעלה בלבד (5.3) */
  --nz-mark-white-h: 56px;   /* netz-mark-white על רקע כהה (4.2) */
  --nz-mark-lockup-h: var(--nz-header-mark-rest); /* סמל + "נץ" כטקסט חי, כמו בהדר (34px) */
}

/* ---------- טאבלט 768–1023: ריווח סקשנים ---------- */
@media (max-width: 1023px) {
  :root {
    --nz-section-pad: var(--nz-space-64);
  }
}

/* ---------- מובייל מתחת ל-768 ---------- */
@media (max-width: 767px) {
  :root {
    --nz-h1-size:   32px;
    --nz-h2-size:   26px;
    --nz-h3-size:   20px;
    --nz-h4-size:   17px;
    --nz-lead-size: 17px;
    --nz-gutter:      var(--nz-space-16);
    --nz-section-pad: var(--nz-space-48);
  }
}