/* ==========================================================================
   tokens.css — Design Tokens של שפת "ארגז הכלים" (בוקסה)
   מקור אמת יחיד לצבעים/רדיוסים/צללים/מרווחים. אסור hardcode בקומפוננטות!
   תיעוד מלא: DESIGN-SYSTEM.md בשורש הפרויקט.
   ========================================================================== */
:root {
  /* --- צבעי ליבה --- */
  --buksa-graphite:       #2E353D;  /* גרפיט — רקע מיכלים, גוף הכלי */
  --buksa-graphite-light: #3C454F;  /* גרפיט בהיר — hover, קצוות עליונים */
  --buksa-graphite-deep:  #14171B;  /* גרפיט עמוק — חור המשושה, טקסט על כתום */
  --buksa-orange:         #FF7A00;  /* כתום כלי-עבודה — אקטיב, הדגשות */
  --buksa-orange-bright:  #FF8A26;  /* כתום בהיר — קצה עליון של gradient אקטיבי */
  --buksa-orange-deep:    #E96A00;  /* כתום עמוק — קצה תחתון, לחיצה */
  --buksa-steel:          #9AA7B4;  /* אפור-פלדה — אייקונים לא-אקטיביים */
  --buksa-steel-light:    #C6CFD8;  /* פלדה בהירה — hover על אייקון */
  --buksa-chamfer:        #57636F;  /* קו פאזה — מסגרות עדינות */

  /* --- עומק (bevel עדין, לא סקיאומורפי) --- */
  --buksa-bevel-up:   linear-gradient(180deg, var(--buksa-graphite-light), var(--buksa-graphite-deep) 160%);
  --buksa-bevel-down: linear-gradient(0deg,  var(--buksa-graphite-light), var(--buksa-graphite-deep) 160%);
  --buksa-bevel-active: linear-gradient(180deg, var(--buksa-orange-bright), var(--buksa-orange-deep));
  --buksa-shadow-nut: drop-shadow(0 2px 3px rgb(0 0 0 / 0.28));
  --buksa-shadow-nut-pressed: drop-shadow(0 1px 1px rgb(0 0 0 / 0.35));

  /* --- צבעים סמנטיים (תגי סטטוס ונתונים בלבד! לעולם לא בניווט) --- */
  --buksa-success:      #217A47;  /* טקסט ירוק — שולם, הושלם */
  --buksa-success-bg:   #E3F4EB;
  --buksa-warning:      #8F5F00;  /* טקסט ענבר — ממתין, אחריות */
  --buksa-warning-bg:   #FCF0D8;
  --buksa-warning-border: #EBD095;
  --buksa-danger:       #B3271E;  /* טקסט אדום — באיחור, דחוף */
  --buksa-danger-bg:    #FBE9E7;
  --buksa-steel-bg:     #EAEEF2;  /* רקע תג ניטרלי (חדש/הושלם) */

  /* --- אינטראקציה --- */
  --buksa-focus-ring: 0 0 0 3px rgba(255, 122, 0, 0.28);   /* פוקוס שדות טופס */
  --buksa-orange-faint: rgba(255, 122, 0, 0.25);           /* ספינרים/רקעים שקופים */

  /* --- מסגרת פאזה (chamfer frame) לקומפוננטת האום --- */
  --buksa-chamfer-w: 2px;        /* עובי המסגרת בכפתור מלא */
  --buksa-chamfer-w-chip: 1.5px; /* עובי המסגרת ב-chip */

  /* --- מידות --- */
  --buksa-touch-min: 48px;          /* גודל מגע מינימלי */
  --buksa-nut-size: 56px;           /* רוחב כפתור-אום רגיל */
  --buksa-nut-size-lg: 72px;        /* כפתור-אום גדול (FAB/פעולה ראשית) */
  --buksa-radius: 14px;             /* רדיוס כרטיסים (תואם הקיים) */
  --buksa-gap: 12px;                /* מרווח סטנדרטי בין כפתורי-אום */

  /* --- צורת המשושה (flat-top, כמו אום אמיתי) --- */
  --buksa-hex: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}