/* ============================================================
   שפת אור · design tokens
   מקור אמת לצבע, טיפוגרפיה, מרווח ורכיבי בסיס.
   מבוסס על research-lab/BRAND_IDENTITY.md. כל ערך כאן = החלטה נעולה.
   ============================================================ */

:root {
  /* --- ליבת מותג --- */
  --c-ink:    #15191F;  /* טקסט גוף, ברירת מחדל */
  --c-paper:  #FAF8F3;  /* רקע בהיר */
  --c-night:  #0E1320;  /* רקע כהה / רגעי "אור" */
  --c-light:  #F3E9D2;  /* הדגשה חמה (לא זהב מבריק) */
  --c-mist:   #E7E3DA;  /* קווים, מסגרות, רקע משני */

  /* --- צבעי הקטגוריה (נעולים, קובץ 14). סדר: קר→חם = ספקטרום הסמל --- */
  --c-science:     #2C6FD6;  /* מדע */
  --c-philosophy:  #5B6675;  /* פילוסופיה */
  --c-kabbalah:    #7C5CC7;  /* קבלה */
  --c-speculation: #D9772E;  /* ספקולציה (עם תג △) */

  /* גרסאות בהירות לרקע כהה */
  --c-science-d:     #5B9BF0;
  --c-philosophy-d:  #94A2B5;
  --c-kabbalah-d:    #A98BE6;
  --c-speculation-d: #EE9A52;

  /* --- משטחים סמנטיים (ברירת מחדל = מצב בהיר) --- */
  --bg:        var(--c-paper);
  --bg-raised: #FFFFFF;
  --fg:        var(--c-ink);
  --fg-muted:  var(--c-philosophy);
  --border:    var(--c-mist);
  --accent:    var(--c-light);

  /* צבעי קטגוריה פעילים (מתחלפים לפי מצב) */
  --cat-science:     var(--c-science);
  --cat-philosophy:  var(--c-philosophy);
  --cat-kabbalah:    var(--c-kabbalah);
  --cat-speculation: var(--c-speculation);

  /* --- טיפוגרפיה --- */
  --font-display: "Frank Ruhl Libre", "Spectral", Georgia, serif; /* כותרות */
  --font-body:    "Heebo", "Inter", system-ui, sans-serif;        /* גוף + ממשק */
  --leading-body: 1.75;
  --leading-head: 1.25;

  /* --- מרווח (4 8 16 24 40 64) --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 16px;
  --sp-4: 24px; --sp-5: 40px; --sp-6: 64px;

  /* --- פינות --- */
  --radius-sm: 4px;
  --radius-md: 8px;
}

/* מצב כהה: ידני ([data-theme="dark"]) או לפי העדפת מערכת */
[data-theme="dark"] {
  --bg:        var(--c-night);
  --bg-raised: #161C2B;
  --fg:        var(--c-light);
  --fg-muted:  #9AA6BA;
  --border:    #222A3A;
  --cat-science:     var(--c-science-d);
  --cat-philosophy:  var(--c-philosophy-d);
  --cat-kabbalah:    var(--c-kabbalah-d);
  --cat-speculation: var(--c-speculation-d);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        var(--c-night);
    --bg-raised: #161C2B;
    --fg:        var(--c-light);
    --fg-muted:  #9AA6BA;
    --border:    #222A3A;
    --cat-science:     var(--c-science-d);
    --cat-philosophy:  var(--c-philosophy-d);
    --cat-kabbalah:    var(--c-kabbalah-d);
    --cat-speculation: var(--c-speculation-d);
  }
}

/* ============================================================
   בסיס
   ============================================================ */
html { direction: rtl; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--leading-head);
}
:lang(en), [dir="ltr"] { direction: ltr; }

/* קו מפריד = מוטיב הגשר/החוט, עם נקודת אור בקצה */
.rule {
  border: 0;
  height: 1px;
  background: var(--border);
  position: relative;
  margin: var(--sp-5) 0;
}
.rule::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: -2px;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--accent);
}

/* ============================================================
   הסימון הקטגוריאלי — הרכיב המרכזי
   שימוש: <span class="cat-tag cat-tag--science">מדע</span>
   הסמל הגאומטרי לגיבוי בדפוס שחור-לבן מוזרק דרך data-glyph.
   ============================================================ */
.cat-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.cat-tag::before {
  content: "";
  width: 11px; height: 11px;
  border-radius: 50%;
  background: var(--_cat, var(--fg-muted));
  flex: none;
}
.cat-tag--science     { --_cat: var(--cat-science); }
.cat-tag--philosophy  { --_cat: var(--cat-philosophy); }
.cat-tag--kabbalah    { --_cat: var(--cat-kabbalah); }
/* ספקולציה: משולש אזהרה במקום עיגול */
.cat-tag--speculation { --_cat: var(--cat-speculation); }
.cat-tag--speculation::before {
  content: "△";
  width: auto; height: auto;
  border-radius: 0;
  background: none;
  color: var(--cat-speculation);
  font-size: 13px;
  font-weight: 700;
}

/* גיבוי לדפוס שחור-לבן / נגישות: סמל גאומטרי לצד התווית.
   הוסף class="cat-print" כדי להציג ○ □ ◇ △ */
.cat-print.cat-tag--science::after     { content: " ○"; }
.cat-print.cat-tag--philosophy::after  { content: " □"; }
.cat-print.cat-tag--kabbalah::after    { content: " ◇"; }
.cat-print.cat-tag--speculation::after { content: ""; }

/* ============================================================
   תגי רמת הנגשה (1–4) — מינימלי, ניטרלי, לא מתחרה בצבע
   שימוש: <span class="level-badge">רמה 2</span>
   ============================================================ */
.level-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-muted);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 2px var(--sp-2);
  letter-spacing: 0.3px;
}

/* ============================================================
   משטח כהה לרגעי "אור" (כותרת ראשית, עטיפה)
   ============================================================ */
.surface-night {
  background: var(--c-night);
  color: var(--c-light);
}
.surface-night .cat-tag--science     { --_cat: var(--c-science-d); }
.surface-night .cat-tag--philosophy  { --_cat: var(--c-philosophy-d); }
.surface-night .cat-tag--kabbalah    { --_cat: var(--c-kabbalah-d); }
.surface-night .cat-tag--speculation::before { color: var(--c-speculation-d); }