/* ============================================================
   font-synthesis: none  —  נוסף 2.9.2026
   ============================================================
   מרום דיווח שהטקסט "מרוח" ונראה בלי חדות. הסיבה נמדדה:
   ה-CSS של הדפים מבקש font-weight 800 (101 פעמים) ו-900
   (89 פעמים), אבל קבצי הגופן שקיימים בפועל הם:
     Secular One  400
     Plex He      400 / 600 / 700
   משקל שאין לו קובץ **מזויף ע"י הדפדפן** בהעבייה סינתטית -
   קווים עבים ומרוחים במקום אותיות חדות.

   font-synthesis: none מבטל את הזיוף: הדפדפן בוחר את המשקל
   האמיתי הקרוב ביותר במקום להמציא אחד. זו הסיבה שלא שיניתי
   כאן את המשקלים עצמם - איפה שיש קובץ אמיתי ההיררכיה נשמרת
   בדיוק כפי שתוכננה, ורק הזיוף נעלם.
   ============================================================ */
* { font-synthesis: none; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
       text-rendering: optimizeLegibility; }


/* ═══ גופני-נפילה עם מטריקות תואמות ═══════════════════════════════════════
   ⚠️⚠️ **זה תיקון CLS, ⛔ לא קישוט.** נמדד: אותה מחרוזת עברית ב-100px
      תופסת 778px ב-Heebo 900 ו-955px ב-Segoe UI — הנפילה **רחבה ב-23%**.
      עם `display: swap` העמוד מצויר פעם אחת רחב ופעם אחת צר, וכל מה
      שמתחת קופץ. נמדד CLS 0.24 במובייל מחונק.
   ⚠️ `size-adjust` מכויל ליחס שנמדד: 778/955 = 81.5%, 732/955 = 76.6%.
      ⛔ לא ניחוש — נמדד בדפדפן על מחרוזת עברית אמיתית.
   ⚠️ הכיול מדויק ל-Segoe UI (ווינדוס). במערכות אחרות `local()` ייכשל
      והמחסנית תיפול הלאה בלי התאמה — פחות מדויק, ⛔ אבל לא שבור.
   ─────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Heebo-fb'; font-weight: 900;
  src: local('Segoe UI Bold'), local('Segoe UI'), local('Arial Bold'), local('Arial');
  size-adjust: 81.5%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Assistant-fb'; font-weight: 400;
  src: local('Segoe UI'), local('Arial');
  size-adjust: 76.6%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%;
}
/* ⚠️⚠️ קובץ נוצר. ⛔ אל תערוך ידנית — הרץ scripts/derive-tokens.mjs.
 *
 *   מקור 1 · המותג ⇒ Headquarters/public/index.html   (נקרא בזמן ריצה)
 *   מקור 2 · תנועה ⇒ Marketing-AI/lib/design/designEngine.js  (de-v1)
 *   מקור 3 · יד    ⇒ מסומן במפורש למטה
 *
 *   התכונות שמהן נגזרו התנועה והמבנה:
 *     calm       0.63
 *     precision  0.77
 *     formality  0.71
 *     luxury     0.68
 *
 *   ההנמקה:
 *     [motion] duration = 485ms  ·  precision גבוה = תנועה מהירה וחדה
 *     [motion] revealStyle = עלייה + משיכת פוקוס  ·  precision מעל 0.7 מוסיף פוקוס
 *     [motion] revealMass = כותרת 8.0px · גוף 16px · משטח 30.4px  ·  שלושה תפקידים, שלוש מסות. כניסה אחידה לכולם היא הסימן שדף הורכב ולא עוצב
 *     [motion] parallax = 5px  ·  formality מבטל parallax לחלוטין — דקורטיבי בלבד
 *     [structure] radius = 12px  ·  פינה רכה קוראת ידידותי; formality מרבע אותה
 *     [structure] proof = gallery  ·  יש גלריה
 *     [structure] hero = showcase  ·  יש תצלום אמיתי — המסך הראשון פותח בעבודה עצמה, לא בהבטחה עליה
 *     [structure] align = center  ·  יישור מרכזי קורא פורמלי
 *     [structure] transition = rule  ·  formality גבוה — קו מדויק מצהיר על הגבול
 *     [structure] overlap = 17px  ·  יש חומר אמיתי להראות, ו-formality מושך אחורה ×0.75
 *     [density] density = airy · רווחים ×1  ·  2590 תווים ב-9 בלוקים = 288 לבלוק
 */

:root {
  /* ── 1 · המותג · מ-HEADQUARTERS ──────────────────────────── */
  --bg: #0e1116;
  --bg2: #12161d;
  --panel: #161b24;
  --panel-hi: #1a202b;
  --inset: #0a0d12;
  --border: #242b37;
  --border-hi: #33405299;
  --text: #ece7db;
  --sec: #bab5a5;
  --muted: #9a9584;
  --faint: #89857a;
  --accent: #c89b5a;
  --accent-hi: #e0b878;
  --on-accent: #1c1206;
  --accent-dim: rgba(200,155,90,.13);
  --ok: #57b07f;
  --crit: #e0574a;
  --warn: #d9b04c;
  --infra: #9d8bec;
  --stale: #8593a4;
  --ok-bg: rgba(87,176,127,.11);
  --crit-bg: rgba(224,87,74,.12);
  --warn-bg: rgba(217,176,76,.12);
  --infra-bg: rgba(157,139,236,.12);
  --stale-bg: rgba(133,147,164,.12);
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 36px;
  --s7: 56px;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  /* כותרות. Secular One — display גאומטרי עם נוכחות. נבחר מהשוואה
     מצוירת, לא משם. ראו fonts.css. */
  --disp: 'Secular One', 'Sec-fb', 'Segoe UI Semibold', system-ui, sans-serif;
  --font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --mono: ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --shadow: 0 1px 2px rgba(0,0,0,.28),0 8px 28px -12px rgba(0,0,0,.5);

  /* ── 2 · תנועה ומבנה · מ-designEngine ────────────────────── */
  --dur: 485ms;
  --dur-lead: 398ms;
  --dur-surface: 601ms;
  --dur-resolve: 849ms;
  --dur-scene: 922ms;
  --ease: cubic-bezier(.16,1,.3,1);
  --ease-scene: cubic-bezier(.14,.8,.2,1);
  --open-scale: 1.024;
  --rv-lead: translateY(8.0px);
  --rv-support: translateY(16px);
  --rv-surface: translateY(30.4px) scale(0.981);
  --overlap: 17px;
  --gap-lg: 42px;
  --gap-sm: 24px;
  --gap-xs: 14px;
  --measure-column: 643px;
  --measure-page: 1041px;
  --measure-head: 23ch;
  --measure-body: 39ch;

  /* ── 3 · ⚠️ ביד ──────────────────────────────────────────── */
  --s8: 80px;
  --s9: 116px;
  --t-tap: 110ms;
  --r-pill: 999px;
  /* ── טיפוגרפיה ──────────────────────────────────────────────
     ⚠️⚠️ נבחר מהשוואה **מצוירת** של שישה זוגות עם התוכן האמיתי
     (`_preview/state/fontlab.jpg`), ⛔ לא לפי שם ולא לפי סיפור־מעצב.
     כך נבחר הזוג הקודם (Frank Ruhl + Miriam) ומרום פסל אותו.
     ⚠️ Secular One קיים ב**משקל 400 בלבד** — הוא כבר כבד. בקשה
        למשקל אחר תגרום לדפדפן לסנתז ולעוות. */
  --disp: 'Secular One', 'Sec-fb', 'Segoe UI Semibold', system-ui, sans-serif;
  --font: 'Plex He', 'Plex-fb', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* ⚠️ «Mono-num» מוגבל ב-unicode-range לספרות ולטינית ⇒ עברית
     נופלת ל-Plex He במקום להיות מצוירת במונוספייס, שנותן לכל גליף
     אותו רוחב ומפרק את המילה. ראו fonts.css. */
  --mono: 'Mono-num', 'Plex He', 'Plex-fb', ui-monospace, Consolas, monospace;
  --t-body: 16.5px;
  --t-lede: 17.5px;
  --t-small: 14.5px;

  /* ── נעים בזמן ריצה. ⚠️ גלילה בלבד — ⛔ לא העכבר ────────── */
  --lightY: 0vh;
  --beam: .5;
}