/* ROADRUNNER LEGAL — טוקני העיצוב, משותפים לשלוש האפליקציות.
 *
 * ── מאיפה המספרים ──
 *
 * חולצו מששת קבצי העיצוב (Admin · Lawyer · Courier, פרוטוטייפ + לוח)
 * בספירת שכיחות, לא בהתרשמות. כל ערך כאן מופיע שם, והמספר בהערה הוא
 * כמה פעמים. ערך שמופיע פעם אחת אינו טוקן — הוא חריג, ונשאר מקומי.
 *
 * ── למה קובץ אחד ולא שלושה ──
 *
 * לפני העיצוב הזה לכל אפליקציה הייתה פלטה משלה, והן סטו: #9B1C1C אצל
 * אחת ו-#8F1212 בעיצוב, #1A56C4 מול #1A45C2, ורקע האפליקציה שהעיצוב
 * מגדיר (#F3F4F8) הופיע אפס פעמים בקוד. שלוש אפליקציות שמדברות על
 * אותו תיק צריכות לצבוע אותו באותו צבע — וזה בדיוק מה ש-10_CASE_
 * LIFECYCLE_SPEC §4 קובע: הצבע מתאר את מצב התיק, ונראה זהה בשלושתן.
 *
 * שלושתן מוגשות מאותו origin, ולכן /tokens.css נטען מכל אחת.
 */
:root {
  /* ── משטחים ──────────────────────────────────────────────── */
  --bg:            #F3F4F8;   /* רקע האפליקציה                  19 */
  --surface:       #FFF;      /* כרטיס, פאנל                   199 */
  --surface-2:     #FAFBFD;   /* כותרת טבלה, משטח משני          19 */
  --fill:          #E6E8EF;   /* מילוי מושתק                    15 */
  --fill-soft:     #EEF0F4;   /* מילוי עדין                       */

  /* משטחים כהים — כפתור כהה, כרטיס התאמה, סיידבר עורך הדין */
  --ink-surface:   #14161C;   /*                                52 */
  --navy:          #10284A;   /* כחול-לילה                      12 */

  /* ── גבולות ──────────────────────────────────────────────── */
  --line:          #E6E8EF;   /* ברירת מחדל                220 */
  --line-soft:     #EEF0F4;   /* מפריד בין שורות               62 */
  --line-strong:   #C9CFDB;   /* שדה קלט, 1.5px                16 */

  /* ── טקסט ────────────────────────────────────────────────── */
  --text:          #14161C;   /* ראשי                              */
  --text-2:        #3A3F4C;   /* משני חזק                       59 */
  --text-3:        #6A7080;   /* משני — הנפוץ ביותר בעיצוב     360 */
  --text-4:        #9AA0B0;   /* שלישוני                        52 */
  --text-5:        #AEB4C4;   /* מושתק, placeholder             58 */
  --text-on-dark:  #FFF;      /*                               154 */

  /* ── מותג ────────────────────────────────────────────────── */
  --brand:         #FF6B1A;   /* כפתור ראשי, ניווט פעיל          58 */
  --brand-ink:     #B8470A;   /* טקסט על רקע כתום בהיר           37 */
  --brand-soft:    #FFE8D6;
  --brand-line:    #F7D9C2;
  --link:          #1A45C2;
  --link-hover:    #10284A;

  /* ── מצבי תיק — 10_CASE_LIFECYCLE_SPEC §4.2 ─────────────────
   *
   *   כתום   ממתין · שובץ          → --st-pending
   *   כחול   נמסר · ממתין לראיות   → --st-progress
   *   ירוק   הוגש · בבדיקה          → --st-done
   *   אדום   מסגרת = לתיקון · מילוי = בוטל
   *
   * לכל אחד שלושה גוונים: מוצק (נקודה, כפתור), דיו (טקסט), ורך (רקע
   * pill). pill של מצב הוא תמיד soft + ink — מוצק נשמר לכפתורים. */
  --st-pending:      #FF6B1A;
  --st-pending-ink:  #B8470A;
  --st-pending-soft: #FFE8D6;

  --st-progress:      #2563FF;   /*                              85 */
  --st-progress-ink:  #1A45C2;
  --st-progress-soft: #DCE6FF;   /*                              22 */

  --st-done:      #12A150;       /*                             122 */
  --st-done-ink:  #0A7038;       /*                              75 */
  --st-done-soft: #CFF3DF;
  --st-done-line: #BFE9D1;

  --st-danger:      #C81E1E;     /*                              58 */
  --st-danger-ink:  #8F1212;     /*                              23 */
  --st-danger-soft: #FDE2E2;
  --st-danger-line: #F2C0C0;

  --st-warn:      #E8A317;       /*                              39 */
  --st-warn-ink:  #8A6212;
  --st-warn-soft: #FBEFC9;

  --accent-violet: #7C3AED;      /* אווטאר בלבד                   7 */

  /* ── רדיוסים ─────────────────────────────────────────────── */
  --r-xs:   3px;    /*  39 */
  --r-sm:   8px;    /*  76 */
  --r-md:   9px;    /* 101 — כפתור */
  --r-lg:   12px;   /* 103 — כרטיס */
  --r-xl:   14px;   /*  56 */
  --r-2xl:  18px;   /*  22 — פאנל תחתון של השליח */
  --r-pill: 999px;  /*  42 */

  /* ── צללים — העיצוב שטוח: גבולות במקום צללים ───────────────
     שלושה בלבד, וכל אחד לתפקיד אחד. */
  --sh-card:  0 4px 16px -8px rgba(20, 30, 60, .2);
  --sh-pop:   0 12px 40px -14px rgba(20, 30, 60, .22);
  --sh-modal: 0 30px 60px -20px rgba(0, 0, 0, .4);

  /* ── טיפוגרפיה ───────────────────────────────────────────── */
  --font:         'Heebo', system-ui, sans-serif;
  --font-display: 'Rubik', 'Heebo', system-ui, sans-serif;
  --font-mono:    ui-monospace, Menlo, Consolas, monospace;

  --fs-2xs: 11px;
  --fs-xs:  11.5px;  /* 101 */
  --fs-sm:  12px;    /* 158 — הגודל הנפוץ ביותר */
  --fs-md:  12.5px;  /*  96 */
  --fs-base: 13px;   /*  88 */
  --fs-lg:  14px;
  --fs-xl:  18px;    /*  64 */
  --fs-2xl: 20px;
  --fs-3xl: 22px;
  --fs-4xl: 24px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;   /* 65 — המשקל הדומיננטי */
  --fw-heavy:   800;

  /* ── מידות מבנה ──────────────────────────────────────────── */
  /* שני הסיידברים כהים (--ink-surface), ברוחב שונה במכוון — מהעיצוב:
     האדמין 228 (חמישה פריטי ניווט + מונים), עורך הדין 220. */
  --sidebar-w-admin:  228px;
  --sidebar-w-lawyer: 220px;
  /* מתחת לזה הסיידבר הופך לסרגל לשוניות תחתון (Admin Prototype). */
  --bp-mobile: 860px;
}