/* ============================================================================
   גופנים מקומיים — IBM Plex (D11, אפיון 026)
   ----------------------------------------------------------------------------
   ‏OFL 1.1 · web/fonts/LICENSE.txt · hash לכל קובץ ב-web/vendor/MANIFEST.json.
   למה מקומי: Google Fonts הוא host שלישי בכל טעינת דף, והוא שובר את
   «git clone + python3 server.py» בלי רשת (עיקרון I).
   ‏`font-display: swap` — טקסט עברי חייב להופיע מיד; החלפת הגופן עדיפה
   על שנייה של מסך ריק.
   ============================================================================ */
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-hebrew-400.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-latin-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-hebrew-500.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-latin-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-hebrew-600.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "IBM Plex Sans Hebrew"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/plex/PlexSansHebrew-latin-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/plex/PlexMono-latin-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/plex/PlexMono-latin-600.woff2") format("woff2"); }

/* ============================================================================
   tokens.css — מקור האמת היחיד לכל ערך צבע, מרווח, רדיוס וזמן.
   ----------------------------------------------------------------------------
   אפיון 016. עד כאן `--pri` הוגדר בשלושה קבצים (style.css → v4-sync.css →
   persec-theme.css) ועוד פעמיים בתוך <style> של join/reset — ואף בדיקה לא
   יכלה לומר איזה ערך גובר. מכאן: **הגדרת `--x:` קיימת רק בקובץ הזה**; כל
   קובץ אחר צורך ב-var(). `tools/design_check.py --tokens` מפיל הפרה.

   מבנה: :root (בהיר) → :root[data-theme="dark"] (כהה בלבד — מה שנדרס).
   כל טוקן נושא הערת מקור: V7 §x · V7.1 · 29.7 · D22 · legacy alias.

   שלושה סימונים ש-design_check קורא מכנית:
     🔒 data        — צבע נתונים. אסור בתוך color: (V7.1 §3).
     theme-agnostic — אין לו גרסה כהה בכוונה.
     TEMP-V7.1      — ערך זמני שאין לו מקור מאושר. נספר ומדווח.

   קומיט A (קיפול) מכיל את **הערכים האפקטיביים הנוכחיים** בלבד — אחרי
   הדריסה של persec-theme. אפס פיקסלים זזים. שינוי ערכים הוא קומיט B.
   ============================================================================ */

:root {
  /* --- משטחים --- */
  --page: #F4F2EF;          /* V7 §02 · בסיס ניטרלי. רקע לפאנלים ולבמה — לא לטקסט (D17) */
  --surface: #FFFFFF;       /* V7 §02 · כרטיסים ולוחות */
  --surface-2: #FDFCFB;     /* v3 "אור" · משטח משני */
  --field: #FBFAF8;         /* v3 "אור" · רקע שדה קלט */
  --sunken: #F1EFEB;        /* v3 "אור" · אזור שקוע */
  --track: #EFEDE9;         /* v3 "אור" · מסילת סליידר */

  /* --- דיו --- */
  --ink: #15162B;           /* V7 §1.1 text/1 · 15.9 על --surface */
  --ink-2: #646880;         /* D31 (17.9) · מינימום 4.72 על עשרת המשטחים · #696D84 נפל על --sunken/--pri-soft/--assume-soft (4.39–4.44) */
  --ink-3: #9093A6;         /* D22 · D31 — טקסט ≥18px בלבד (3.04 על --surface). מתחת לזה → --ink-2 */
  --ink-4: #C9CCDB;         /* v3 "אור" · קו הפרדה דהוי */
  --ink-5: #B9BCCB;         /* v3 "אור" · אייקון מושבת */

  /* --- ראשי (PERSEC · Night Blue) --- */
  --pri: #1F5C96;           /* PERSEC 2.9 · דורס את הסגול #6E6BFF של v3 */
  /* 021 Phase 1b — **הכחול של PERSEC, לא הסגול של v3.** הערכים האלה הם
     `--pri` ו-`--pri-text` כ-RGB, כי `rgba()` אינו יודע לקרוא HEX מטוקן.
     כל עוד הם נשארו 110,107,255 כל `rgba(var(--pri-rgb), …)` במערכת —
     ‏23 מופעים: מילוי רך, מסגרת וצל — נצבע סגול על מותג כחול. */
  --pri-rgb: 31, 92, 150;      /* = --pri #1F5C96 */
  --pri-rgb-deep: 14, 42, 71;  /* = --pri-text #0E2A47 */
  --pri-dark: #16456F;      /* PERSEC 2.9 */
  --link: var(--pri-dark);  /* D31 — צבע הקישור **אינו** `--pri-dark` בשתי הערכות: בכהה הוא נמדד 3.3–3.5 על רקע הדף */
  --pri-text: #0E2A47;      /* PERSEC 2.9 */
  --pri-soft: #E7F0F8;      /* PERSEC 2.9 */
  --pri-soft-2: #F1F6FB;    /* PERSEC 2.9 */
  --violet: #5E93C6;        /* PERSEC 2.9 · שם היסטורי, הגוון כחול */
  --violet-2: #7FB4DE;      /* PERSEC 2.9 */
  --violet-3: #8FC3E8;      /* PERSEC 2.9 */
  --conv-text: #1F5C96;     /* PERSEC 2.9 · לשונית המרה */

  /* --- מנטה --- */
  --mint: #17C3A2;          /* 🔒 data · תמורה + "עומד". מילוי בלבד; טקסט → --mint-deep · theme-agnostic */
  --mint-dark: #0E9C80;     /* v3 "אור" · theme-agnostic (V7.1 יפצל בקומיט B) */
  --mint-deep: #0E7A63;     /* V7.1 state/good · 5.27 על --surface */
  --mint-soft: #F0FBF7;     /* v3 "אור" */
  --mint-soft-2: #E8F9F4;   /* v3 "אור" */
  --mint-soft-3: #F5FCFA;   /* v3 "אור" */

  /* --- ענבר / אדום --- */
  --amber: #F5A524;         /* 🔒 data · אזהרה. מילוי בלבד · theme-agnostic */
  --amber-text: #8A5C00;    /* D22 · 5.81 על --surface · 5.20 על --page */
  --amber-soft: #FFF8EC;    /* v3 "אור" */
  --amber-soft-2: #FFF3DE;  /* v3 "אור" */
  --red: #F2545B;           /* 🔒 data · שגיאה. מילוי בלבד · theme-agnostic */
  --red-text: #C42F39;      /* D22 · 5.51 על --surface · 4.93 על --page */
  --red-soft: #FFF3F3;      /* v3 "אור" */

  /* --- מצבי הסף (V7.1) — שמונה מצבים, ציר אחד ---
     כל אחד הוא **טקסט**, ולכן כולם מתהפכים בכהה. הזוג הרך שלו הוא רקע התג. */
  --ok: var(--mint-deep);        /* V7.1 state/good · «עומד» */
  --ok-soft: var(--mint-soft);   /* V7.1 */
  --edge: var(--amber-text);     /* V7.1 state/edge · «על הגבול» */
  --edge-soft: var(--amber-soft);/* V7.1 */
  --assume: #6B4FA0;             /* V7.1 state/assume · 6.46 על --surface · הטוקן היחיד שנוסף לפלטה */
  --assume-soft: #F3EFFB;        /* V7.1 · רקע תג «בהנחה» */
  --draft: var(--amber-text);    /* V7.1 state/draft · תווית «טיוטה» */
  --draft-soft: var(--amber-soft);      /* V7.1 */
  --draft-line: rgba(245, 165, 36, .5); /* V7.1 · מסגרת תג «טיוטה» */
  --conflict: var(--red-text);   /* V7.1 · חדש · «סתירה» — רמה חמישית, אינה «בהנחה» */
  --conflict-soft: var(--red-soft);       /* V7.1 · חדש */
  --conflict-line: rgba(217, 57, 67, .4); /* V7.1 · חדש */
  --cached-stale: var(--amber-text); /* V7.1 · חדש · ערך אמיתי, מקור לא נגיש. הגיל במילים */
  --cached-stale-soft: var(--amber-soft); /* V7.1 · חדש */
  --on-pri: #FFFFFF;             /* V7.2 §4.1 · = --pri-on של D31 · תווית על --pri שטוח · 6.93. על --grad-pri → --on-accent */

  /* --- הדירה של הדייר --- */
  --mine: #F5A524;               /* 🔒 data · V7.1 resident/mine · **מילוי בלבד** (2.04 על לבן) */
  --mine-text: #7A4E00;          /* V7.1 · 6.82 על --amber-soft · הטקסט שנוגע בסימון */

  /* --- ייעודים · צבעי נתונים קפואים --- */
  --u-retail: #FF8A4C;      /* 🔒 data · מסחר · theme-agnostic */
  --u-office: #3B9EFF;      /* 🔒 data · משרדים · theme-agnostic */
  --u-base: #94A0AE;        /* 🔒 data · מסד / חניון · theme-agnostic */

  /* --- קווים וצללים --- */
  --line: rgba(21, 22, 43, .06);     /* V7 §1.1 border .07 — מפריד */
  --line-2: rgba(21, 22, 43, .09);   /* V7 §1.1 border .12 — שדה */
  --line-3: rgba(21, 22, 43, .11);   /* V7 §1.1 border .16 — כפתור משני */
  --sh-surface: 0 1px 2px rgba(21, 22, 43, .04), 0 14px 40px rgba(21, 22, 43, .06); /* v3 "אור" */
  --sh-bar: 0 1px 2px rgba(21, 22, 43, .04), 0 10px 30px rgba(21, 22, 43, .05);     /* v3 "אור" */
  --sh-glass: 0 6px 20px rgba(21, 22, 43, .09);   /* v3 "אור" */
  --sh-pri: 0 6px 16px rgba(14, 42, 71, .28);     /* PERSEC 2.9 · היה מגוון ב---pri-rgb */
  --sh-tab: 0 3px 10px rgba(21, 22, 43, .10);     /* v3 "אור" · theme-agnostic */
  --sh-float: 0 16px 44px rgba(21, 22, 43, .14);  /* v3 "אור" */
  --sh-rail: 0 1px 2px rgba(21, 22, 43, .04);     /* v4-sync · השכבה הראשונה של --sh-surface */
  --glass: rgba(255, 255, 255, .9);        /* v3 "אור" */
  --glass-strong: rgba(255, 255, 255, .94);/* v3 "אור" */
  --bar-bg: rgba(255, 255, 255, .86);      /* v3 "אור" */
  --bar-bg-2: rgba(255, 255, 255, .8);     /* v3 "אור" */
  --scrim: rgba(21, 22, 43, .35);          /* v3 "אור" */
  --shadow: rgba(21, 22, 43, .12);         /* v3 "אור" */

  /* --- כיוונון ופריסה --- */
  --panel-w: 498px;         /* V7.1 סופי · theme-agnostic */
  --panel-float-w: 360px;   /* V7.1 · הפריסה הצפה 900–1279 · theme-agnostic */
  --rail-w: 80px;           /* V7 §5 · סרגל העדשות ≥1280 · theme-agnostic */
  --rail-stops-w: 92px;     /* 021 T017 · סרגל התחנות (D28) · נמדד ממסגרת S4-1440 · theme-agnostic */
  --bp-tablet: 600px;       /* V7 §5 · theme-agnostic */
  --bp-desktop: 900px;      /* V7 §5 · theme-agnostic */
  --bp-wide: 1280px;        /* V7 §5 · theme-agnostic */
  --space-1: 4px;           /* V7 §1.3 · רשת 4pt · theme-agnostic */
  --space-2: 6px;           /* V7 §1.3 · theme-agnostic */
  --space-3: 8px;           /* V7 §1.3 · theme-agnostic */
  --space-4: 10px;          /* V7 §1.3 · theme-agnostic */
  --space-5: 12px;          /* V7 §1.3 · theme-agnostic */
  --space-6: 14px;          /* V7 §1.3 · theme-agnostic */
  --space-7: 18px;          /* V7 §1.3 · theme-agnostic */
  --space-8: 22px;          /* V7 §1.3 · theme-agnostic */
  --space-9: 28px;          /* V7 §1.3 · theme-agnostic */
  --r-tag: 4px;             /* V7 §1.3 · theme-agnostic */
  --r-ctl: 8px;             /* V7 §1.3 · כפתור ושדה · theme-agnostic */
  --r-card: 10px;           /* V7 §1.3 · theme-agnostic */
  --r-frame: 12px;          /* V7 §1.3 · מסגרת מסך · theme-agnostic */
  --r-pill: 20px;           /* V7 §1.3 · שבב עגול · theme-agnostic */
  --tap: 44px;              /* V7 §1.3 · יעד מגע בנייד ובטאבלט · theme-agnostic */
  /* --- גופנים (D11 · V7 §1.2) --- */
  --font-text: "IBM Plex Sans Hebrew", Rubik, "Segoe UI", system-ui, Arial, sans-serif;  /* theme-agnostic */
  --font-num: "IBM Plex Mono", "Space Grotesk", ui-monospace, monospace;                 /* theme-agnostic */
  /* --- סולם טיפוגרפיה (D27, V7.3 מעודכן 17.9) — שבע מדרגות, ערך יחיד לכל אחת ---
     אין מדרגות-משנה: הפרש של 0.5px אינו נראה ואינו ניתן להגנה בסקירה, וסולם
     כזה היה חוזר ל-19 גדלים תוך חודש. **תג** נבדל במשקל וברקע, לא בגודל. */
  --fs-hero: 36px;          /* D27 · מספר יחיד דומיננטי ברוחב חופשי · ללא צרכן עד S12 — תקין · theme-agnostic */
  --fs-lead: 25px;          /* D27 · מדרגה שביעית · שלושה מספרים זה לצד זה בפאנל 498px (נמדד) · theme-agnostic */
  --fs-title: 17.5px;       /* D27 · V7 §1.2 · כותרת פאנל ומודאל · theme-agnostic */
  --fs-section: 15px;       /* D27 · כותרת מקטע · ותג על הבמה (ירד מ-16) · theme-agnostic */
  --fs-body: 12.5px;        /* D27 · גוף · 11.5 ו-12 עלו אליו · 13/13.5 רגיל ירדו אליו · theme-agnostic */
  --fs-meta: 11px;          /* D27 · מטא ותוויות · 10.5 עלה אליו · theme-agnostic */
  --fs-kicker: 10px;        /* V7 §1.2 · Mono, אנגלית בלבד · theme-agnostic */
  /* 046 · סולם האתר השיווקי — דף קריאה, לא לוח עבודה, ולכן גדול מסולם D27. רק marketing.css צורך אותו. */
  --fs-m-display: clamp(36px, 5.6vw, 62px); /* 046 · כותרת ראשית · theme-agnostic */
  --fs-m-h2: clamp(26px, 3.6vw, 38px);      /* 046 · כותרת אזור · theme-agnostic */
  --fs-m-stat: clamp(24px, 2.6vw, 32px);    /* 046 · מספר בסיפור המקרה · theme-agnostic */
  --fs-m-lead: 19px;        /* 046 · פסקת פתיחה, כותרת כרטיס · theme-agnostic */
  --fs-m-body: 17px;        /* 046 · גוף · theme-agnostic */
  --fs-m-input: 16px;       /* 046 · שדה קלט — מתחת ל-16 iOS מגדיל את הדף בפוקוס · theme-agnostic */
  --fs-m-ui: 15px;          /* 046 · כפתור, ניווט, לשונית, טבלה · theme-agnostic */
  --fs-m-small: 14px;       /* 046 · הערה, כיתוב, תווית · theme-agnostic */
  /* ‏021 Phase 0 — טקסט מעל במת המסה. הסצנה התלת-ממדית כהה **בשתי**
     הערכות (V7 §4), ולכן --ink-2 היה נעלם עליה בערכה הבהירה. */
  --on-stage: #9FB0C2;      /* V7 §4 · 6.2 על רקע הבמה #0A0C10 · theme-agnostic */
  --motion: .18s;           /* V7 · מתאפס תחת prefers-reduced-motion · theme-agnostic */
  --grad-pri: linear-gradient(135deg, #1F5C96, #0E2A47);   /* PERSEC 2.9 */
  --grad-soft: linear-gradient(135deg, rgba(31, 92, 150, .09), rgba(0, 163, 217, .08)); /* PERSEC 2.9 */
  --page-bg:
    radial-gradient(1100px 620px at 88% -8%, #E7F0F8 0%, rgba(231, 240, 248, 0) 62%),
    radial-gradient(900px 520px at 4% 4%, #EAF3F9 0%, rgba(234, 243, 249, 0) 58%),
    var(--page);            /* PERSEC 2.9 */
  --map-bg: #EFECE7;        /* v3 "אור" */
  --three-bg: linear-gradient(180deg, #EAF1F8 0%, #F4F2EF 70%);  /* V7.1 §4 · ערפל הבמה נוחת על --page */

  /* --- מותג --- */
  --brand-ink: #0E2A47;     /* PERSEC 2.9 · אריח הלוגו */
  --brand-deep: #071B2F;    /* PERSEC 2.9 */
  --brand-ray: #5E93C6;     /* PERSEC 2.9 */
  --brand-arc: #00A3D9;     /* PERSEC 2.9 · על רקע בהיר */
  --brand-arc-dark: #7FD4FF;/* PERSEC 2.9 · על רקע כהה */

  /* --- כינויים ותיקים (ה-HTML שנוצר מ-JS משתמש בהם) --- */
  --bg: var(--page);           /* legacy alias */
  --panel: var(--surface);     /* legacy alias */
  --panel-2: var(--surface-2); /* legacy alias */
  --text: var(--ink);          /* legacy alias */
  --muted: var(--ink-2);       /* legacy alias */
  --dim: var(--ink-3);         /* legacy alias */
  --accent: var(--pri);        /* legacy alias */
  --accent-2: var(--mint);     /* legacy alias */
  --good: var(--mint-deep);    /* legacy alias · V7.1: --mint-dark #0E9C80 הוא 4.05 על לבן — נופל ב-AA */
  --warn: var(--amber-text);   /* legacy alias */
  --bad: var(--red-text);      /* legacy alias */
  --gold: var(--amber-text);   /* legacy alias */
  --input-bg: var(--field);    /* legacy alias */
  --grad: var(--grad-pri);     /* legacy alias */
  --on-accent: #fff;           /* v3 "אור" · טקסט על משטח מבטא */
  --radius: 14px;              /* v3 "אור" · theme-agnostic */
}

/* ---------- מצב כהה — רק מה שנדרס ---------- */
:root[data-theme="dark"] {
  --page: #14151F;          /* V7 §1.1 bg/app */
  --surface: #1B1D2A;       /* V7 §1.1 surface */
  --surface-2: #202233;     /* v3 כהה */
  --field: #23263A;         /* v3 כהה */
  --sunken: #191B27;        /* v3 כהה */
  --track: #2A2D40;         /* v3 כהה */

  --ink: #ECEEF7;           /* V7 §1.1 text/1 */
  --ink-2: #9FA3BC;         /* V7 §1.1 text/2 */
  --ink-3: #8A8EA8;         /* D31 (17.9) · 5.19 על --surface · #7B7F99 היה 4.25 */
  --ink-4: #5A5E77;         /* v3 כהה */
  --ink-5: #6C7089;         /* v3 כהה */

  --pri: #4E8FCB;           /* PERSEC 2.9 */
  --pri-rgb: 78, 143, 203;     /* = --pri #4E8FCB בכהה */
  --pri-rgb-deep: 46, 111, 168; /* = #2E6FA8 — הקצה הבהיר של --grad-pri בכהה */
  --pri-dark: #3B77AE;      /* PERSEC 2.9 */
  --link: var(--pri-text);  /* בכהה הקישור עולה ל-#9FCBEC — `--pri-dark` נפל ל-3.32 ב-11px */
  --pri-text: #9FCBEC;      /* PERSEC 2.9 · גובר על #A9A6FF של v3 */
  --pri-soft: #17283A;      /* PERSEC 2.9 */
  --pri-soft-2: #142334;    /* PERSEC 2.9 */
  --violet: #5E93C6;        /* PERSEC 2.9 */
  --violet-2: #7FB4DE;      /* PERSEC 2.9 */
  --violet-3: #8FC3E8;      /* PERSEC 2.9 */
  --conv-text: #9FCBEC;     /* PERSEC 2.9 */

  --mint-soft: #142A26;     /* v3 כהה */
  --mint-soft-2: #163029;   /* v3 כהה */
  --mint-soft-3: #142723;   /* v3 כהה */
  --amber-soft: #2C2415;    /* v3 כהה */
  --amber-soft-2: #322818;  /* v3 כהה */
  --red-soft: #2E1A1C;      /* v3 כהה */

  --line: rgba(255, 255, 255, .07);   /* V7 §1.1 border .07 */
  --line-2: rgba(255, 255, 255, .1);  /* V7 §1.1 border .12 */
  --line-3: rgba(255, 255, 255, .14); /* V7 §1.1 border .16 */
  --sh-surface: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 40px rgba(0, 0, 0, .34); /* v3 כהה */
  --sh-bar: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .28);     /* v3 כהה */
  --sh-glass: 0 6px 20px rgba(0, 0, 0, .38);  /* v3 כהה */
  --sh-pri: 0 6px 16px rgba(0, 0, 0, .45);    /* PERSEC 2.9 */
  --sh-float: 0 16px 44px rgba(0, 0, 0, .46); /* v3 כהה */
  --sh-rail: 0 1px 2px rgba(0, 0, 0, .3);     /* v4-sync */
  --glass: rgba(27, 29, 42, .9);       /* v3 כהה */
  --glass-strong: rgba(27, 29, 42, .95);/* v3 כהה */
  --bar-bg: rgba(27, 29, 42, .86);     /* v3 כהה */
  --bar-bg-2: rgba(27, 29, 42, .8);    /* v3 כהה */
  --shadow: rgba(0, 0, 0, .5);         /* v3 כהה */

  --grad-pri: linear-gradient(135deg, #2E6FA8, #0E2A47);  /* PERSEC 2.9 */
  --grad-soft: linear-gradient(135deg, rgba(78, 143, 203, .12), rgba(127, 212, 255, .08)); /* PERSEC 2.9 */
  --page-bg:
    radial-gradient(1100px 620px at 88% -8%, #16283C 0%, rgba(22, 40, 60, 0) 62%),
    radial-gradient(900px 520px at 4% 4%, #12202F 0%, rgba(18, 32, 47, 0) 58%),
    var(--page);            /* PERSEC 2.9 */
  --map-bg: #14151F;        /* v3 כהה */
  --three-bg: linear-gradient(180deg, #1B2233 0%, #14151F 70%); /* v3 כהה */

  --brand-ink: #0E2A47;     /* PERSEC 2.9 */
  --brand-deep: #071B2F;    /* PERSEC 2.9 */
  --brand-ray: #5E93C6;     /* PERSEC 2.9 */
  --brand-arc: #7FD4FF;     /* PERSEC 2.9 · על רקע כהה */
  --brand-arc-dark: #7FD4FF;/* PERSEC 2.9 */

  --on-accent: #fff;        /* v3 כהה */

  /* מצבי הסף בכהה — טקסט, ולכן מתהפכים (V7.2 §4.2) */
  --mint-deep: #4F9D7F;     /* V7 §1.1 state/good בכהה */
  --amber-text: #F5A524;    /* V7 §1.1 state/edge בכהה · 8.19 על --surface */
  --red-text: #F2545B;      /* V7 §1.1 state/bad בכהה · 4.93 על --surface */
  --assume: #B79FE0;        /* V7.2 §4.2 · 7.21 על --surface · זה טקסט ולכן התהפך */
  --assume-soft: #241C33;   /* V7.1 · רקע התג בכהה */
  --draft-line: rgba(245, 165, 36, .5);  /* V7.1 */
  --conflict-line: rgba(242, 84, 91, .4);/* V7.1 */
  --on-pri: #0A1420;        /* V7.2 §4.1 · לבן על --pri הכהה הוא 3.43 — מתחת ל-AA */
  --mine: #FFCF7A;          /* 🔒 data · V7 §1.1 resident/mine בכהה · מילוי בלבד */
  --mine-text: #FFCF7A;     /* V7 §1.1 · בכהה הגוון עצמו קריא (11.6 על --surface) */
  --scrim: rgba(0, 0, 0, .62);  /* V7.2 §4.3 · 42% לא הפריד את המודאל מרקע כהה */
}

/* ---------- הסקאלה הרספונסיבית ---------- */
/* היה ב-style.css:924 בתוך @media. הגדרה ברמת :root שייכת לכאן;
   דריסות צמודות־לרכיב (.workspace.wide/.half) נשארות ליד הרכיב. */
@media (max-width: 1280px) {
  :root { --panel-w: 430px; }   /* v3 "אור" · theme-agnostic */
}

/* ---------- תנועה מופחתת (020 FR-010) ---------- */
/* ההעדפה מאפסת את משך התנועה **בטוקן**, ולכן כל רכיב שמשתמש
   ב-`var(--motion)` מתיישר איתה בלי כלל משלו. */
@media (prefers-reduced-motion: reduce) {
  :root { --motion: 0s; }   /* theme-agnostic */
}