/*
 * brand.css — מיתוג כאן חדשות לפרשן החי (V5 / A1)
 *
 * מקור: E:\social-brand-posts\brand\kannews  (brand.css + colors/palette.css)
 * הקובץ הזה מכיל *רק* טוקנים של המותג: פונטים, צבעים, וסקאלת טיפוגרפיה.
 * העיצוב עצמו נשאר ב-index.html.
 *
 * הערה חשובה: אם קובצי ה-OTF לא נטענים (השרת עדיין לא מגיש את web/assets/**,
 * או שהדף נפתח מהדיסק) — font-display:swap + סטאק גיבוי אמיתי מבטיחים שהדף
 * ייראה תקין בפונט מערכת עברי, בלי קפיצות פריסה ובלי טקסט בלתי-נראה.
 */

/* ── @font-face — SimplerPro_HLAR (עברית + לטינית) ─────────────────────── */
@font-face {
  font-family: 'SimplerPro';
  src: url('fonts/SimplerPro_HLAR-Light.otf') format('opentype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SimplerPro';
  src: url('fonts/SimplerPro_HLAR-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SimplerPro';
  src: url('fonts/SimplerPro_HLAR-Semibold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SimplerPro';
  src: url('fonts/SimplerPro_HLAR-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SimplerPro';
  src: url('fonts/SimplerPro_HLAR-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  /* ── פלטת כאן הרשמית — שבעת הצבעים, בדיוק כמו בספר המותג ───────────── */
  --kan-orange:      #ff3300;
  --kan-black:       #000000;
  --kan-gray-85:     #262626;   /* טקסט גוף */
  --kan-gray-75:     #404040;   /* טקסט משני */
  --kan-gray-50:     #808080;   /* טקסט עזר */
  --kan-gray-25:     #bfbfbf;   /* קווי הפרדה */
  --kan-white-smoke: #f4f4f4;   /* רקע משני */
  --kan-white:       #ffffff;   /* רקע ראשי */

  /* גוונים נגזרים — לא צבעי מותג חדשים, רק שקיפויות של הכתום/האפור */
  --kan-orange-wash: rgba(255, 51, 0, .06);
  --kan-orange-line: rgba(255, 51, 0, .35);
  --kan-hairline:    #e4e4e4;   /* קו הפרדה עדין (gray-25 ב-40% על לבן) */

  /* ── פונטים ───────────────────────────────────────────────────────── */
  /* הגיבוי הוא סטאק עברי אמיתי — הדף קריא גם כשה-OTF לא נטען. */
  --kan-font: 'SimplerPro', 'Simpler', 'Segoe UI', 'Arial Hebrew',
              'Noto Sans Hebrew', Arial, system-ui, sans-serif;
  --kan-font-mono: 'SF Mono', Menlo, Consolas, monospace;

  /* ── סקאלת טיפוגרפיה — הכול נגזר מ-html{font-size} ─────────────────── */
  /* להגדלה/הקטנה גלובלית: לשנות --kan-root-size בלבד. */
  --kan-root-size:   17px;   /* בסיס ספר המותג */
  --kan-body-lh:     1.6;

  --kan-size-commentary: 1.05rem;  /* פרשנות חיה / תמונת מצב */
  --kan-lh-commentary:   1.75;
  /* פרשנות בעלת חשיבות גבוהה (importance ≥ 4) — מדרגה אחת מעל הגוף.
     זה ערוץ ההיררכיה העיקרי בפיד: גודל, לא צבע רקע. */
  --kan-size-lead:       1.18rem;
  --kan-lh-lead:         1.62;
  --kan-size-transcript: .95rem;   /* תמלול */
  --kan-lh-transcript:   1.8;
  --kan-size-meta:       .78rem;   /* שורות מטא, תגיות, סטטוס */
  --kan-size-label:      .82rem;   /* תוויות קטנות */

  --kan-weight-display: 900;
  --kan-weight-head:    700;
}