/* ‎energy — ערכת העיצוב. מקור אחד לכל המסכים, הציבוריים והפנימיים.
 *
 * ⚠️ **אסור לכתוב צבע, מידה או פונט מחוץ לקובץ הזה.** ערך שנכתב ישירות
 *    בקומפוננטה הוא הערך שיישכח כשמשנים את הערכה, והוא זה שייראה שבור.
 *
 * ⚠️ **אין כאן ולא יהיה כאן דומיין חיצוני.** חוק ברזל 10 — הקהל יושב
 *    מאחורי מסננים, ובקשה ל-CDN שם נחסמת. יש טסט שסורק את הקובץ.
 */

/* ═══ פונט — Heebo, מקומי, וריאבילי ═══════════════════════════════════
 *
 * ‎Heebo נבחר ולא בגלל טעם: **הספרות שלו רוחב-אחיד מלידה.** מסך שמציג
 * ‎₪42 לצד ₪504 בטבלה חייב ספרות שלא רוקדות, והדרישה מתקיימת מבנית
 * ‎ולא דרך פיצ'ר OpenType שנעדר **בשקט**.
 *
 * ‎תת-הקבוצה העברית כוללת **U+20AA** — סימן השקל. בלעדיו כל מחיר
 * ‎במערכת מוצג בפונט חלופי, בדיוק במקום הרגיש.
 */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/heebo-hebrew.de80852899c5.woff2") format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/heebo-latin.480b1d24f2aa.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ═══ צבע — כל מספר בהערה נמדד בפועל ═══════════════════════════════
   *
   * ‎★★★ **"הדף מודפס, לא מואר."** אין ``box-shadow``, אין ``filter:
   * ‎blur``, אין ``backdrop-filter`` ואין ``glow`` באף גיליון כאן.
   * ‎יש טסט. **עומק בא מקצה נייר ומקו** — צל הוא חיקוי של אור, ומסך
   * ‎שמחקה אור נראה כמו במה, לא כמו מסמך.
   *
   * ‎★★★ **המבטא הירוק מפוצל לשניים, וזה לא סגנון אלא מדידה.**
   *
   * ‎התקן קובע "על קרקע מבטא — לבן, תמיד", והכלל הזה נגזר שם ממבטא
   * ‎**נייבי כהה**. כאן המבטא ירוק בגוון אמצע, ואותה שורה מתמוטטת:
   *
   * ‎   לבן על ‎#00A86B  =  **3.08**  ← נכשל 4.5 לטקסט
   * ‎   לבן על ‎#00704A  =  **6.15**  ← עובר
   * ‎   ‎#00A86B על לבן  =  **3.08**  ← נכשל גם ככיוון הפוך
   *
   * ‎לכן שני טוקנים ולא אחד, ולכל אחד תפקיד שאסור לחרוג ממנו:
   *
   * ‎  ``--accent``       גרפיקה בלבד — ברק, קו, מילוי. **לעולם לא טקסט.**
   * ‎  ``--accent-deep``  טקסט מבטא, ורקע של כפתור עם לבן עליו.
   *
   * ‎זו בדיוק הצורה של הזהב בתקן: קו שיער ומתאר, ולעולם לא אות.
   * ‎החלפת גוון מבטא **אינה החלפת ערך אחד** — היא מפילה שורה אחת
   * ‎בשמונה מקומות בבת אחת.
   */
  --ink:         #0B1A2A;   /* 17.57 על נייר · 16.22 על ערפל */
  --ink-soft:    #4A5B6E;   /*  6.97 על נייר ·  6.43 על ערפל */
  --paper:       #FFFFFF;
  --mist:        #F4F6F8;   /* רקע משני */
  --rule:        #DBE2E9;   /* קו נייר — 1.35 מול נייר, ולכן קו ולא טקסט */

  --accent:      #00A86B;   /* ⛔ גרפיקה בלבד. 3.08 — נכשל כטקסט */
  --accent-deep: #00704A;   /* ✅ טקסט (6.15 על נייר) · רקע עם לבן (6.15) */
  --accent-lift: #7BE8B4;   /* טקסט מבטא **על נייבי** — 11.03 */

  --navy:        #0E2033;   /* קרקע כהה · לבן עליו 16.50 */

  /* מצב — ולא קישוט. ראה ההערה למטה. */
  --state-ok:    #00704A;
  --state-warn:  #8A5A00;   /* 4.87 על נייר */
  --state-stop:  #A11B1B;   /* 6.72 על נייר */
  --state-ok-bg:   #E7F6EF;
  --state-warn-bg: #FBF3E2;
  --state-stop-bg: #FBEBEB;

  /* ═══ טיפוגרפיה ═══════════════════════════════════════════════════ */
  --font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* ‎clamp — הדף מתרחב בלי ‎@media לכל מידה. Mobile first פירושו
   * ‎שהערך הקטן הוא ברירת המחדל, והגדול הוא התוספת. */
  --t-hero:  clamp(2rem, 7vw, 3.5rem);
  --t-h1:    clamp(1.6rem, 5vw, 2.4rem);
  --t-h2:    clamp(1.25rem, 3.6vw, 1.6rem);
  --t-lead:  clamp(1.05rem, 2.6vw, 1.25rem);
  --t-body:  1rem;
  --t-small: 0.875rem;
  --t-micro: 0.78rem;
  /* המספר הגדול במחשבון ובתעודה. הוא **התוצאה**, ולכן הוא הגדול ביותר. */
  --t-figure: clamp(3rem, 14vw, 5rem);

  /* ═══ מרווח — סולם אחד ═══════════════════════════════════════════ */
  --s1: 0.25rem;  --s2: 0.5rem;   --s3: 0.75rem;  --s4: 1rem;
  --s5: 1.5rem;   --s6: 2rem;     --s7: 3rem;     --s8: 4rem;

  --radius:    10px;
  --radius-sm: 6px;
  --measure:   34rem;   /* רוחב קריאה — ‎~68 תווים בעברית */
  --page:      64rem;

  /* ‎זמן. כל אנימציה כאן קצרה — תנועה שמרגישים היא תנועה שמעכבת. */
  --fast: 120ms;
  --calm: 220ms;
}

/* ⚠️ ``--state-*`` הם **מצב, ואסורים כקישוט.** מנהל שרואה את גוון
 * ‎"הושלם" על כפתור "המשך" מאבד את ההבחנה היחידה שהוא צריך לעשות
 * ‎ברפרוף על טבלה של 200 שורות. */