/* ============================================================
   Inside the Brand — טוקני צבע
   הועתק לאתר ב-23.9.2026 מתוך המקור: סקיל inside-the-brand-identity.
   ⚠️ לא עורכים כאן. משנים במקור ומעתיקים שוב, אחרת הצבעים
      באתר והצבעים במסמכים יתפצלו.
   ============================================================ */

:root {

  /* ---------- ליבה נעולה (הלוגו בנוי עליהם) ---------- */
  --ink:        #1E1B18;
  --paper:      #F5F0E8;
  --terracotta: #C0563B;

  /* ---------- ניטרלים · צד הנייר ----------
     כולם מחוממים לכיוון הנייר. אין כאן אפור טהור בכוונה:
     אפור קר ליד טרהקוטה נראה מלוכלך. */
  --paper-100: #FDFBF7;  /* כרטיס מוגבה, כמעט לבן */
  --paper-200: #FBF8F2;  /* כרטיס על נייר */
  --paper-300: #F5F0E8;  /* ★ רקע ראשי */
  --paper-400: #EBE3D7;  /* סקשן חלופי */
  --paper-500: #DED3C3;  /* גבולות, מפרידים */
  --paper-600: #C9BCA6;  /* גבול מודגש, מצב מושבת */

  /* ---------- ניטרלים · צד הדיו ---------- */
  --ink-900: #1E1B18;  /* ★ טקסט ראשי · 15.1 מול נייר */
  --ink-800: #33302B;  /* סקשן כהה שאינו שחור · 11.6 */
  --ink-700: #4A443D;  /* 8.5 */
  --ink-600: #57504A;  /* טקסט משני · 7.0 */
  --ink-550: #6F6760;  /* טקסט מוקטן / fine print · 4.9 — הכי בהיר שעדיין קריא */
  --ink-500: #8A827A;  /* 3.3 — ✕ לא לטקסט. אייקונים, מפרידים, קישוט בלבד */
  --ink-400: #ADA49A;  /* 2.2 — placeholder ומצב מושבת בלבד */

  /* ---------- טרהקוטה ---------- */
  --terra-050: #FAF0EC;  /* רקע-רמז */
  --terra-200: #EFCFC4;  /* רקע רך, תגיות */
  --terra-400: #D4826C;  /* מילוי רך, גרפים */
  --terra-500: #C0563B;  /* ★ המותג: לוגו, קווים, כתמים, גרפים */
  --terra-600: #9E4025;  /* מילוי אינטראקטיבי: כפתורים · טקסט נייר עליו = 5.8 ✓ */
  --terra-700: #7E3320;  /* hover, וגם טקסט בטרהקוטה על נייר · 7.8 ✓ */

  /* ---------- זית · המשפחה המשנית ---------- */
  --olive-050: #F1F3E8;
  --olive-200: #CBD1B4;
  --olive-400: #969E70;
  --olive-500: #737C46;  /* ★ הזהות · 3.9 — ✕ לא לטקסט קטן */
  --olive-600: #5A6138;  /* כפתור משני · טקסט נייר עליו = 5.8 ✓ */
  --olive-700: #3F452A;  /* טקסט בזית על נייר · 8.8 ✓ */

  /* ---------- קווים ---------- */
  --line:        rgba(30, 27, 24, 0.12);
  --line-strong: rgba(30, 27, 24, 0.22);

  /* ---------- סטטוסים (לדוחות אבחון) ----------
     טרהקוטה איננה סטטוס. אם צבע המותג מסמן "בעיה",
     הקורא מרגיש שמשהו לא בסדר בכל פעם שהמותג מופיע. */
  --status-ok:        #5A6138;  /* תקין */
  --status-ok-bg:     #F1F3E8;
  --status-watch:     #B5822A;  /* לבדיקה — למילוי */
  --status-watch-text:#7A5618;  /* לבדיקה — לטקסט · 6.0 על הרקע שלו ✓ */
  --status-watch-bg:  #FAF3E4;
  --status-risk:      #8C2F1E;  /* בעיה · 7.0 על הרקע שלו ✓ */
  --status-risk-bg:   #F7E9E5;

  /* ---------- רצף לגרפים ----------
     מסודר לפי בהירות עולה, עם מרווח מינימלי של 8 נקודות
     בין כל שניים. זה מה שמבטיח שהעמודות יישארו נבדלות
     בהדפסת שחור־לבן ואצל אדם עם עיוורון צבעים.
     להשתמש בסדר הזה, לא לדלג ולא לערבב. */
  --chart-1: #331825;  /* שזיף  · בהירות  1.5 */
  --chart-2: #2C6068;  /* פטרול · בהירות  9.9 */
  --chart-3: #C0563B;  /* טרהקוטה · 18.2 */
  --chart-4: #8A9463;  /* זית    · 27.5 */
  --chart-5: #D2A44E;  /* אוקר   · 40.8 */
  --chart-6: #D6CAB6;  /* חול    · 59.9 */

  /* ---------- מיפוי סמנטי ----------
     זה מה שקוד הפרויקט אמור לצרוך. הקסים לא נכנסים לקומפוננטות. */
  --surface:      var(--paper-300);
  --surface-alt:  var(--paper-400);
  --surface-card: var(--paper-200);
  --fg:           var(--ink-900);
  --fg-soft:      var(--ink-600);
  --fg-muted:     var(--ink-550);
  --accent:       var(--terra-500);
  --accent-fill:  var(--terra-600);
  --accent-deep:  var(--terra-700);
  --accent-tint:  var(--terra-050);

  /* ---------- טיפוגרפיה ---------- */
  /* 27.9.2026: הכותרות עברו ל-Heebo, אותו פונט כמו הגוף. ההבדל בין כותרת לטקסט
     הוא בגודל ובעובי בלבד. Frank Ruhl Libre נשאר רק בתוך הלוגו, שכבר מומר לצורות. */
  --font-display: "Heebo", "Assistant", Arial, sans-serif;   /* כותרות */
  --font-body:    "Heebo", "Assistant", Arial, sans-serif;
}

/* ============================================================
   שלושה כללים שלא לשבור
   ------------------------------------------------------------
   1. terra-500 נותן 4.0 מול נייר. הוא לא עובר את סף הנגישות
      לטקסט רגיל. לטקסט בטרהקוטה: terra-700.
      לכפתור עם טקסט: terra-600 ומעלה.
   2. ink-500 נותן 3.3. הוא לא טקסט. ל-fine print: ink-550.
   3. accent אחד בעמוד. אם יש בסקשן 7 כפתור בצבע אחר, זו שגיאה.
   ============================================================ */