/* tokens.css — מקור-האמת היחיד לטוקנים (spec-design §ב). אין hex מחוץ לקובץ הזה. */
:root {
  /* משטחים וטקסט */
  --bg: #F6F7F9;            /* רקע-אפליקציה */
  --surface: #FFFFFF;       /* כרטיסים, טבלאות, פאנלים */
  --surface-2: #F0F2F5;     /* פסי-כותרת-טבלה, אזורים-משניים */
  --border: #E3E6EB;
  --on-primary: #FFFFFF;    /* טקסט על-גבי משטח-primary/רמזור/הרסני מלאים */
  --text: #1E242C;          /* גוף — 15.4:1 על לבן */
  --text-2: #5A6472;        /* משני — 5.9:1 */
  --text-3: #8B94A1;        /* disabled/עזר בלבד — לא לטקסט-מידע */

  /* פעולה */
  --primary: #1D4ED8;       /* 6.3:1 על לבן */
  --primary-hover: #1E40AF;
  --primary-bg: #EFF4FF;    /* רקע-בחירה/hover-שורה */
  --ring: #1D4ED8;

  /* רמזור — שלישיית dot/text/bg לכל צבע (טקסט תמיד AA על ה-bg שלו) */
  --green-dot: #16A34A;  --green-text: #166534;  --green-bg: #EAF7EF;
  --yellow-dot: #D97706; --yellow-text: #854D0E; --yellow-bg: #FEF6E7;
  --red-dot: #DC2626;    --red-text: #991B1B;    --red-bg: #FDEEEE;

  /* דגלים ואזהרות (ענבר — נבדל מצהוב-הרמזור בשימוש, לא בגוון) */
  --flag-text: #B45309;  --flag-bg: #FDF1E3;
  --danger: #B91C1C;     --danger-bg: #FDEEEE;

  /* רמפת-כחול חד-גונית להתפלגות-רמות בדשבורד (spec-design §ה) — 5 מדרגות, כהה=רמה-גבוהה */
  --level-1: #C7D7FB; --level-2: #93B4F7; --level-3: #5C8CEF;
  --level-4: #2F62DE; --level-5: #1D3FA8;

  /* טיפוגרפיה */
  --font: "Assistant", "Heebo", "Rubik", -apple-system, "Segoe UI", sans-serif;
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px;
  --fs-17: 17px; --fs-20: 20px; --fs-24: 24px;
  --lh-body: 1.5; --lh-table: 1.4; --lh-head: 1.25;

  /* ריווח (density-דשבורד) ורדיוסים */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --r-ctrl: 6px; --r-card: 10px; --r-full: 999px;

  /* עומק, שכבות, תנועה */
  --shadow-overlay: 0 12px 32px rgba(15,23,42,.18);
  --shadow-toast: 0 4px 12px rgba(15,23,42,.12);
  /* רקע-ה-Lightbox כהה מרקע-ה-overlay: הרנדר הוא תוכן-ההגשה עצמו וצריך
     להיקרא בלי הסחה מהמסך שמאחוריו (§2.4 · ממצא-נוחות #4). */
  --lightbox-backdrop: rgba(15,23,42,.88);
  --z-dropdown: 100; --z-sticky: 200; --z-overlay: 300; --z-lightbox: 400; --z-toast: 500;
  --ease: cubic-bezier(.2,.7,.3,1); --dur: 160ms;
}

/* print-tokens — spec-design §י: שחור-לבן, בלי צללים/רקעים, שוליים 2ס"מ */
@media print {
  :root {
    --bg: #FFFFFF;
    --surface: #FFFFFF;
    --surface-2: #FFFFFF;
    --border: #000000;
    --text: #000000;
    --text-2: #000000;
    --text-3: #444444;
    --shadow-overlay: none;
    --shadow-toast: none;
  }
}