/* ============================================================================
   Hayaanshufiya — שמות נרדפים
   ============================================================================

   השיטה: למחוק את ההגדרה, לשמור את השימוש.

   באתר היו שש אוצרות מילים מקבילות שמתארות את אותו מותג בשמות שונים. במקום
   לכתוב מחדש 950 קריאות var() בעשרים ושניים קבצים — מה שהיה מייצר דיף שאי
   אפשר לסקור — כל var(--accent) בקוד ממשיך לעבוד בדיוק כפי שהוא, והשם עצמו
   נפתר כאן לטוקן. ההגדרות המקוריות נמחקו, וזה הקובץ היחיד שמגדיר אותן.

   הקובץ הזה לא נטען גלובלית, בכוונה
   ------------------------------------
   הוא מגדיר שמות גנריים — --card, --border, --accent, --text. אלמנטור מגדיר
   חלק מהם על :root בגיליון של ממשק ה‑App שלו. הקובץ נטען רק במקומות שהם שלנו,
   ושם ההתנגשות לא קיימת.

   שתי שכבות יעד, וזה לא שרירותי
   ------------------------------
   · אוצר המילים של דפי השיווק ומבחן הסיווג מצביע ל‑PRIMITIVES (--sand-*,
     --orange-*), שאינם משתנים עם הנושא. הדפים האלה בנויים מעצם מבנה העיצוב
     שלהם מרצועות כהות בתוך עמוד בהיר; אילו היו מצביעים לסמנטיקה, מצב כהה
     היה הופך את הרצועות הכהות לבהירות ושובר את הקומפוזיציה. הם היו
     חסינים‑נושא עד היום, ונשארים כאלה.

   · אוצר המילים של אפליקציית התלמיד מצביע ל‑SEMANTICS (--color-*). לו כבר
     היה בלוק .dark משלו, בשלושה עותקים; עכשיו הוא מקבל את אותו מצב כהה
     ממקור אחד.

   הצבעים משתנים — וזה מכוון
   ---------------------------
   דפי השיווק דיברו ענבר‑חום (‎#D97706 / ‎#3B1F0A) והמערכת מדברת כתום‑חול
   (‎#E07818 / ‎#1F1914). זה מעבר גוון של ממש ולא כוונון עדין. שלוש מדידות
   שהובילו לבחירות שלמטה:

     לבן על ‎#D97706                3.19:1   נכשל
     ‎--color-on-primary על הכתום   5.69:1   עובר

     ‎--amber כטקסט על קרם          3.09:1   נכשל  (21 שימושי טקסט)
     ‎--orange-800 על החול          5.42:1   עובר

     ‎--muted כטקסט                 5.63:1
     ‎--sand-700                    6.28:1
   ========================================================================= */

/* ── 1 · דפי השיווק ומבחן הסיווג — קבוע, לא מושפע מהנושא ──────────────────
   שלוש התבניות (מחירים, מדריך, נחיתה) ומבחן הסיווג הגדירו את אותה פלטה
   בדיוק, בערכים זהים בייט‑לבייט, פעם אחת בכל קובץ ופעם נוספת בקידומת --hay-.
   זו לא הייתה מערכת אחת ועוד מערכת אלא מערכת אחת בארבעה עותקים. */
:root {
  --brown:   var(--sand-950);
  --brown2:  var(--sand-900);
  --amber:   var(--orange-800);   /* טקסט ב‑21 מקומות — לכן 800 ולא 600 */
  --amber2:  var(--orange-400);
  --yellow:  var(--orange-300);   /* טקסט על הרצועות הכהות */
  --yellow2: var(--orange-100);
  --cream:   var(--sand-50);
  --silk:    #FFFFFF;
  --warm:    var(--orange-100);
  --warm2:   var(--orange-200);
  --card:    #FFFFFF;
  --border:  var(--sand-200);
  --muted:   var(--sand-700);
  --text:    var(--sand-950);

  --r:   var(--radius-lg);        /* 1rem   — התאמה מדויקת */
  --rl:  var(--radius-xl);        /* 1.5rem — התאמה מדויקת */
  --rxl: var(--radius-2xl);       /* 2rem   — התאמה מדויקת */

  /* הצללות נכתבות כאן במפורש ולא דרך --shadow-2, כי --shadow-* הן סמנטיות
     ומתהפכות במצב כהה — ועמוד חסין‑נושא היה מקבל הצללות של מצב כהה על רקע
     בהיר. הגוון עודכן מ‑rgba(59,31,10) לחול. */
  --sh:       0 4px 24px rgba(31, 25, 20, .08);
  --sh-lg:    0 12px 48px rgba(31, 25, 20, .14);
  --sh-amber: 0 8px 32px rgba(224, 120, 24, .25);
}

/* ── 2 · מבחן הסיווג — אותה פלטה, עם קידומת ─────────────────────────────
   amirnet.css הגדיר את אותם ארבעה‑עשר הצבעים מחדש תחת --hay-*. ההצבעה כאן
   חזרה לשמות שלמעלה, ולא ישירות לפרימיטיבים, כדי שהעובדה הזאת תישאר גלויה
   בקוד: שינוי של --amber משנה את שניהם, וזה הרצוי. */
:root {
  --hay-brown:        var(--brown);
  --hay-brown-2:      var(--brown2);
  --hay-amber:        var(--amber);
  --hay-amber-2:      var(--amber2);
  --hay-yellow:       var(--yellow);
  --hay-yellow-soft:  var(--yellow2);
  --hay-cream:        var(--cream);
  --hay-warm:         var(--warm);
  --hay-warm-2:       var(--warm2);
  --hay-card:         var(--card);
  --hay-silk:         var(--silk);
  --hay-border:       var(--border);
  --hay-muted:        var(--muted);
  --hay-text:         var(--text);

  --hay-success:      var(--green-600);
  --hay-success-soft: var(--green-100);
  --hay-danger:       var(--red-600);
  --hay-danger-soft:  var(--red-100);

  --hay-radius:       var(--r);
  --hay-radius-lg:    var(--rl);
  --hay-radius-xl:    var(--rxl);
  --hay-shadow:       var(--sh);
  --hay-shadow-lg:    var(--sh-lg);
  --hay-shadow-amber: var(--sh-amber);
}

/* ── 3 · אפליקציית התלמיד — סמנטי, כלומר מקבל מצב כהה ───────────────────
   הפלטה הזאת הוגדרה בארבעה מקומות: student-app.css, student-app-styles.css,
   settings.html, ו‑<style> מוטבע ב‑class-frontend.php — כל אחד עם בלוק .dark
   משלו, ושלושה מהם כמעט זהים אבל לא בדיוק. כאן היא מוגדרת פעם אחת, ובלוק
   ה‑.dark נמחק מכולם: הוא כבר קיים ב‑tokens.css.

   התיחום ל‑#hayaanshufiya-app אינו הידור אלא הגנה — --card ו‑--bg הם שמות
   גנריים מדי לשבת על :root של מסמך שמריץ גם ווקומרס. */
#hayaanshufiya-app,
.hayaanshufiya-container,
/* מסך ההגדרות מעצב את body עצמו, ולא את המכולה. הכיתה הזאת נוספת ל‑body
   ב‑student-app-init.js בדיוק כשהאפליקציה משתלטת על הדף — כלומר בדיוק
   כשהחוקים ההם אמורים לחול, ולא רגע לפני כן. */
body.hayaan-fullpage {
  --bg:                 var(--color-bg);
  --card:               var(--color-surface);
  --card-border:        var(--color-border-soft);
  --card-border-hover:  var(--color-border);
  --shadow-sm:          var(--shadow-1);
  --shadow-hover:       var(--shadow-2);

  --accent:             var(--color-primary);
  --accent-gold:        var(--amber-500);
  --accent-deep:        var(--color-primary-hover);
  --accent-green:       var(--color-success);

  --text-1:             var(--color-text);
  --text-2:             var(--color-text-muted);
  --text-3:             var(--color-text-faint);

  --radius:             var(--radius-xl);
  --divider:            var(--color-border-soft);
  --toggle-bg:          var(--color-border-soft);
  --toggle-active:      var(--color-primary);
}

/* ── שופיאל: לא כאן ──────────────────────────────────────────────────────
   chat.css מגדיר משפחה שביעית (--bg-glass, --primary-gradient, --user-msg-bg).
   היא נשארת כפי שהיא בשלב הזה בכוונה. העותק השני, chat-warm.css, אינו נטען
   בווידג׳ט החי — רק בשני קבצי תצוגה מקדימה (warm-preview.html,
   shufiel-preview.html) — ולכן אין כאן שתי הגדרות מתחרות באותו דף. זו לא
   בעיית כפילות אלא מסך שממתין ללוח שלו, והוא נכנס יחד עם "שופיאל" בשלב 7. */
