/* tokens.v2.css — שפת-הצבע החדשה. **מוכן, טרם מחובר.**

   מחליף את tokens.css בפיילוט. עד אז הוא יושב כאן כדי שאפשר יהיה לבדוק
   אותו בלי לגעת במערכת החיה.

   ═══ מה נמדד לפני שנבחר ═══

   הפלטה **הנוכחית** מכילה שלושה זוגות שאינם ניתנים להבחנה (ΔE00 CIEDE2000,
   וסימולציית עיוורון-צבעים במטריצות Viénot-Brettel):

       --gold ↔ --orange     9.3 בראייה מלאה · 4.1 בעיוורון-צבעים
       --accent ↔ --red      9.0 בראייה מלאה · 7.1 בעיוורון-צבעים
       --accent ↔ --orange  16.5 בראייה מלאה · 2.2 בעיוורון-צבעים

   השני חמור: צבע-הפעולה-הראשית וצבע-השגיאה נראים אותו דבר.
   השלישי אומר שלמשתמש עם עיוורון-צבעים, "למכירה" ו"להשכרה" הם צבע אחד.

   הפלטה כאן נבחרה באופטימיזציה (annealing על L*C*h) תחת ארבעה אילוצים
   שנבדקו יחד, ואומתה מה-hex הסופי אחרי עיגול ל-8 סיביות:

       ΔE00 ≥ 11 בין כל זוג, בראייה מלאה          → נמדד 15.5
       ΔE00 ≥ 9  בין כל זוג, בכל אחת מ-3 סימולציות → נמדד 10.2
       יחס-ניגודיות ≥ 3.0 למילוי מול הרקע          → הנמוך 3.08
       יחס-ניגודיות ≥ 4.5 לגרסת-הטקסט              → הנמוך 4.63

   **שמונה גוונים ולא תשעה.** תשעה נבדקו ונכשלו: שישה גוונים דחוסים ברצף
   כחול→ירוק משאירים ~34° בין שכנים, בדיוק האזור שפרוטנופיה מכווצת. חמישה
   זרעי-חיפוש שונים התכנסו לאותו מספר — זה אילוץ, לא כשל-חיפוש.

   ═══ תאימות לאחור ═══

   3,000+ קריאות var() קיימות במערכת. כל שם-טוקן ותיק ממשיך להתקיים כאן
   כשם-נרדף, ולכן הוא מקבל את הצבע החדש **בלי לגעת בעמודים**:

       --accent 372 · --green 323 · --red 183 · --gold 106 · --purple 49
       --orange 43 · --radius 23 · --card 10 · --blue 5 · --fg 4 · --amber 3

   --gold ו---orange מתמזגים ל---amber. זו אינה נסיגה: הם כבר היום אותו
   צבע (9.3/4.1), והמיזוג רק הופך את זה למפורש.

   --fg ו---amber נקראו במערכת אך **מעולם לא הוגדרו**. הם עבדו על ערך-גיבוי,
   ולכן לא עקבו אחרי הערכה: ב-nadlan_platform הטקסט נשאר #111 גם במצב כהה,
   על רקע #0d1117 — יחס-ניגודיות 1.01, כלומר בלתי-נראה. כאן הם מוגדרים.

   ═══ ערכה כהה ═══

   25 עמודים מגדירים ערכה כהה משלהם, ב-13 וריאנטים שונים. זה מקור אי-האחידות
   הגדול במערכת. הערכה הכהה מוגדרת כאן **פעם אחת**; הבלוקים המוטבעים בעמודים
   חייבים לרדת, אחרת הם דורסים את הקובץ הזה (אותה ספציפיות, מאוחר יותר במקור).

   שלושת המצבים: בחירה מפורשת מסמנת data-theme על השורש; ברירת-המחדל
   "מערכת" אינה מסמנת כלום, ואז רק prefers-color-scheme מבדיל. לכן הערכה
   הבהירה יושבת על :root חשוף, והכהה מוגדרת פעמיים — במדיה ובתגית.
*/

:root {
  /* ---------- שמונה גוונים · מילוי / טקסט / רקע-רך ---------- */
  --indigo:  #3D6FFC;  --indigo-ink:  #3064E7;  --indigo-soft:  #E8EEFF;
  --azure:   #0097F4;  --azure-ink:   #186A9C;  --azure-soft:   #DFF1FE;
  --teal:    #007854;  --teal-ink:    #00715A;  --teal-soft:    #DDF1E9;
  --emerald: #00A862;  --emerald-ink: #127D4A;  --emerald-soft: #DCF5E9;
  --lime:    #67A300;  --lime-ink:    #53810D;  --lime-soft:    #EDF6DC;
  --amber:   #E46C00;  --amber-ink:   #A84D00;  --amber-soft:   #FDEEDF;
  --rose:    #CD293C;  --rose-ink:    #CB273C;  --rose-soft:    #FCE7E9;
  --violet:  #9D48BB;  --violet-ink:  #9C48BB;  --violet-soft:  #F5E8FA;

  /* ---------- משטחים וטקסט ---------- */
  --bg:       #f4f7fb;
  --surface:  #ffffff;
  --surface2: #eef3f9;
  --border:   #dde6f0;
  --text:     #0d1b2e;
  --muted:    #5b7186;
  --hover:    rgba(13,27,46,.045);

  /* סרגל-הצד: כחול עמוק → טורקיז. הרצף שביקש המשתמש, כמשטח ולא כתג */
  --nav1: #1d2a86;
  --nav2: #0d4f7a;
  --nav3: #0a6b62;

  /* ---------- מבנה ---------- */
  --radius: 14px;                       /* אוחד; היו 14px ו-10px במקביל */
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(13,27,46,.05), 0 10px 30px -12px rgba(13,27,46,.16);
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* ---------- שמות-נרדפים תואמי-אחור ---------- */
  /* ⚠️ השמות הוותיקים ממופים לגרסת-ה-**טקסט** ולא לגרסת-המילוי.
     החזרה-היבשה על כל 27 העמודים חשפה למה: המערכת משתמשת ב-var(--accent)
     גם כרקע-כפתור וגם כצבע-טקסט, באותו שם. מיפוי לגרסת-המילוי נתן
     `לבן על --accent` ביחס 4.31 — **מתחת ל-4.5** — ב-60 מקומות.

     יחס-ניגודיות סימטרי: לבן-על-כחול שווה לכחול-על-לבן. לכן טוקן שמשמש
     בשני הכיוונים חייב לעמוד בסף הגבוה מביניהם, ורק גרסת-הטקסט עושה זאת.
     גרסת-המילוי נשארת זמינה בשמה המפורש (--indigo, --emerald וכו') לשימוש
     גרפי בלבד: פסים, מילויי-גרף, אריחים. */
  --accent:  var(--indigo-ink);
  --accent2: var(--azure-ink);
  --green:   var(--emerald-ink);
  --red:     var(--rose-ink);
  --purple:  var(--violet-ink);
  --blue:    var(--azure-ink);
  --gold:    var(--amber-ink);          /* היה כבר זהה ל---orange */
  --orange:  var(--amber-ink);
  --card:    var(--surface);
  --line:    var(--border);
  --fg:      var(--text);               /* נקרא ומעולם לא הוגדר */

  /* צבע-טקסט על משטח-הדגשה.
     בערכה הבהירה ההדגשה כהה ולבן עובד (5.12). בערכה הכהה ההדגשה **בהירה**,
     ולבן נותן 3.28 — מתחת לסף. `color:#fff` קשיח על כפתור הוא לכן באג
     שמופיע רק במצב כהה, ולכן קל לפספס: 34 מתוך 41 ההפרות הכהות היו זה.
     טוקן אחד פותר את כל שמונת הגוונים בשתי הערכות. */
  --on-accent: #ffffff;
  /* סמלי מצבי-ריק — SVG מוטבע, בלי בקשת-רשת נוספת */
  --ico-none: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2'/%3E%3Cpath d='M7.5 9.5h9M7.5 13h5.5'/%3E%3C/svg%3E");
  --ico-err:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M12 3.6 21.4 20H2.6z'/%3E%3Cpath d='M12 9.6v4.6'/%3E%3Ccircle cx='12' cy='17' r='.8' fill='black' stroke='none'/%3E%3C/svg%3E");
}

/* ברירת-המחדל "מערכת": אין data-theme, ולכן רק המדיה מבדילה.
   ה-:not() מבטיח שבחירה מפורשת ב"בהיר" תגבר על מערכת-הפעלה כהה. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --indigo:  #6188FF;  --indigo-ink:  #6187FE;  --indigo-soft:  #1a2452;
    --azure:   #65B9FF;  --azure-ink:   #74B8FD;  --azure-soft:   #0e2f4d;
    --teal:    #3CB27F;  --teal-ink:    #3AB17E;  --teal-soft:    #0c3329;
    --emerald: #7AEFB4;  --emerald-ink: #78EDB2;  --emerald-soft: #0d3a26;
    --lime:    #9FF252;  --lime-ink:    #9DF050;  --lime-soft:    #26380f;
    --amber:   #FE8B22;  --amber-ink:   #FE8A22;  --amber-soft:   #3d2a0a;
    --rose:    #D65D57;  --rose-ink:    #D65E57;  --rose-soft:    #3d1e1d;
    --violet:  #A96AB1;  --violet-ink:  #AC6DB4;  --violet-soft:  #301c38;

    --bg:       #0a1120;
    --surface:  #111c2e;
    --surface2: #18263c;
    --border:   #22344f;
    --text:     #e9f1f9;
    --muted:    #93aabf;
    --hover:    rgba(255,255,255,.06);

    --nav1: #141d5e;
    --nav2: #0a3a5c;
    --nav3: #07514a;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 34px -14px rgba(0,0,0,.7);
    --on-accent: #0a1120;              /* ההדגשה בהירה כאן — הטקסט חייב להיות כהה */
  }
}

/* בחירה מפורשת ב"כהה" — גוברת גם כשמערכת-ההפעלה בהירה */
:root[data-theme="dark"] {
  --indigo:  #6188FF;  --indigo-ink:  #6187FE;  --indigo-soft:  #1a2452;
  --azure:   #65B9FF;  --azure-ink:   #74B8FD;  --azure-soft:   #0e2f4d;
  --teal:    #3CB27F;  --teal-ink:    #3AB17E;  --teal-soft:    #0c3329;
  --emerald: #7AEFB4;  --emerald-ink: #78EDB2;  --emerald-soft: #0d3a26;
  --lime:    #9FF252;  --lime-ink:    #9DF050;  --lime-soft:    #26380f;
  --amber:   #FE8B22;  --amber-ink:   #FE8A22;  --amber-soft:   #3d2a0a;
  --rose:    #D65D57;  --rose-ink:    #D65E57;  --rose-soft:    #3d1e1d;
  --violet:  #A96AB1;  --violet-ink:  #AC6DB4;  --violet-soft:  #301c38;

  --bg:       #0a1120;
  --surface:  #111c2e;
  --surface2: #18263c;
  --border:   #22344f;
  --text:     #e9f1f9;
  --muted:    #93aabf;
  --hover:    rgba(255,255,255,.06);

  --nav1: #141d5e;
  --nav2: #0a3a5c;
  --nav3: #07514a;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 34px -14px rgba(0,0,0,.7);
  --on-accent: #0a1120;                /* ההדגשה בהירה כאן — הטקסט חייב להיות כהה */
}