/* ============================================================
   EDIX · טוקני העיצוב - מקור אמת יחיד לכל המשטחים
   (אתר ציבורי, פורטל לקוחות, פורטל סוכנים, דפי תורים, הדפסות)

   שפת העיצוב: קנבס לבן/פרשמנט, אריחים כהים לסירוגין (חילוף הצבע
   הוא המפריד), מבטא אינטראקטיבי יחיד בשני גוונים, אפס גרדיאנטים
   דקורטיביים, צל אחד על "מוצר" בלבד, טיפוגרפיה הדוקה.
   ============================================================ */

:root {
  /* משטחים */
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-2: #f5f5f7;            /* פרשמנט */
  --pearl: #fafafc;
  --tile: #272729;               /* אריח כהה ראשי */
  --tile-2: #2a2a2c;
  --tile-3: #252527;

  /* דיו */
  --text: #1d1d1f;
  --muted: #6e6e73;              /* 5.1:1 על לבן - עובר AA לטקסט רגיל */
  --muted-80: #333333;

  /* המבטא היחיד - כחול EDIX בשלושה גוונים.
     accent = מותג ואיורים (3.4:1, לאלמנטים גדולים בלבד)
     accent-ink = טקסט ומילוי כפתורים (5.5:1 - עובר AA)
     ice = קישורים על אריח כהה בלבד */
  --accent: #1793cf;
  --accent-ink: #0b6fa4;
  --accent-focus: #1fa4e6;
  --ice: #6fe0ff;

  /* גוון מבטא שקוף לרקעים עדינים (לא גרדיאנט - שכבה שטוחה) */
  --accent-tint: rgba(23, 147, 207, 0.07);
  --grad-soft: var(--accent-tint);   /* שם היסטורי, בשימוש ב-lead/quote/onboard.js */

  /* קווים */
  --border: #e0e0e0;             /* hairline */
  --border-soft: #f0f0f0;

  /* סטטוסים */
  --success: #14740f;
  --warning: #9c4700;
  --danger: #d70015;

  /* טיפוגרפיה */
  --font-display: 'Assistant', system-ui, -apple-system, sans-serif;
  --font-body: 'Assistant', system-ui, -apple-system, sans-serif;
  --font-mono: 'Assistant', system-ui, -apple-system, sans-serif;

  /* הצל היחיד - "מוצר" נח על משטח */
  --product-shadow: 3px 5px 30px rgba(0, 0, 0, 0.22);
  /* צף פונקציונלי בלבד (מודאל, תפריט) - לא היררכיית UI */
  --shadow-float: 0 20px 50px rgba(0, 0, 0, 0.18);

  /* רדיוסים - סולם סגור: קומפקטי / קפסולה / כרטיס / גלולה */
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 18px;
  --r-pill: 999px;

  --nav-h: 64px;
}

/* אייקוני Material Symbols מוטבעים - השפה הוויזואלית היחידה במערכת.
   1em נצמד לגודל הטקסט שסביב, ו-vertical-align מיישר לקו הבסיס
   כך שהאייקון יושב על השורה במקום לקפוץ מעליה.
   fill="currentColor" מגיע מה-markup, ולכן האייקון יורש את צבע הטקסט. */
.ic {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex: none;
}