/* ============================================================
   מערכת עיצוב - טוקנים משותפים (מקור אמת יחיד)
   "ספר מזכרת" (Editorial Keepsake):
   דיו כחול-לילה + זהב עלה על נייר שמנת חם.
   כותרות: Rubik | גוף: Heebo

   הקובץ הזה משרת גם את התבנית וגם את התוסף - לפני כן היה
   בלוק :root כפול בשני הקבצים שהיה צריך לעדכן בתיאום.
   סדר הטעינה: bmv-fonts → bmv-tokens → bmv-theme-style → bmv-frontend
   ============================================================ */

:root {
	/* ---------- דיו ---------- */
	--bmv-ink: #1c2a52;
	--bmv-ink-deep: #121b3a;
	--bmv-ink-soft: #34437a;
	--bmv-primary: var(--bmv-ink);
	--bmv-primary-dark: var(--bmv-ink-deep);
	--bmv-primary-light: var(--bmv-ink-soft);

	/* ---------- זהב עלה ---------- */
	--bmv-gold: #c19a33;
	--bmv-gold-deep: #9a7a24;
	--bmv-gold-light: #f0e2b6;
	--bmv-gold-foil: linear-gradient(135deg, #b8912d 0%, #e8cf7f 45%, #c19a33 70%, #f3e3ab 100%);

	/* ---------- נייר ---------- */
	--bmv-paper: #f7f3ea;
	--bmv-paper-deep: #efe9db;
	--bmv-bg: var(--bmv-paper);
	--bmv-card: #fffdf7;
	--bmv-text: #26293a;
	--bmv-text-muted: #5f6175;
	--bmv-border: #e6dfd0;

	/* ---------- סטטוסים ---------- */
	--bmv-success: #0b7a53;
	--bmv-success-bg: #ecf7f0;
	--bmv-warn: #b06a12;
	--bmv-warn-bg: #fbf3e2;
	--bmv-error: #b3352d;
	--bmv-error-bg: #faeeec;

	/* ============================================================
	   פלטת המסע - צבעי האיורים של הגיבורה.
	   מותאמת לדיו + זהב, ומשמשת אך ורק בתוך איורים ובצ'יפים קטנים.
	   המסגרת של האתר (דיו/זהב/נייר) לא משתנה.

	   ⚠️ כלל שימוש נוקשה:
	   הגוונים הבינוניים הם לאיורים ולמסגרות בלבד - לא לטקסט.
	   ‎#8ea888 על ‎#f7f3ea הוא יחס ניגודיות של ~2.2:1 - כישלון WCAG.
	   צ'יפ צבעוני = רקע בגוון ‎-soft עם טקסט ‎--bmv-ink-deep (~10:1).
	   אף פעם לא גוון בינוני כטקסט על נייר.
	   ============================================================ */
	--bmv-j-denim: #5b6ea8;
	--bmv-j-denim-soft: #aab6d8;
	--bmv-j-rose: #c98b86;
	--bmv-j-rose-soft: #eccfcb;
	--bmv-j-sage: #8ea888;
	--bmv-j-sage-soft: #cfdcc9;
	--bmv-j-terracotta: #c07a53;
	--bmv-j-terracotta-soft: #e8c3aa;

	/* ---------- צורה ---------- */
	--bmv-radius: 16px;
	--bmv-radius-sm: 10px;
	--bmv-shadow: 0 1px 2px rgba(28, 42, 82, .06), 0 4px 14px rgba(28, 42, 82, .06);
	--bmv-shadow-lg: 0 6px 16px rgba(28, 42, 82, .1), 0 18px 44px rgba(28, 42, 82, .12);

	/* ---------- גופנים ---------- */
	--bmv-font: 'Heebo', 'Segoe UI', Arial, sans-serif;
	--bmv-font-display: 'Rubik', 'Heebo', sans-serif;

	/* ============================================================
	   סולם מרווחים - סולם 4px.
	   חדש: לשימוש בקוד חדש בלבד. אין להמיר את ההצהרות הקיימות.
	   ============================================================ */
	--bmv-s-1: 4px;
	--bmv-s-2: 8px;
	--bmv-s-3: 12px;
	--bmv-s-4: 16px;
	--bmv-s-5: 20px;
	--bmv-s-6: 24px;
	--bmv-s-7: 32px;
	--bmv-s-8: 40px;
	--bmv-s-9: 48px;
	--bmv-s-10: 64px;
	--bmv-s-11: 80px;
	--bmv-s-12: 96px;

	/* ============================================================
	   סולם טיפוגרפי - נוזלי, מכויל לגדלים שכבר בשימוש בקוד
	   (‎--bmv-t-4xl זהה לכותרת ההירו, ‎--bmv-t-3xl לכותרות המקטעים).
	   הוספתו לא משנה דבר ויזואלית.
	   ============================================================ */
	--bmv-t-xs: .8rem;
	--bmv-t-sm: .92rem;
	--bmv-t-base: 1rem;
	--bmv-t-lg: clamp(1.05rem, 2.2vw, 1.3rem);
	--bmv-t-xl: clamp(1.15rem, 2.4vw, 1.45rem);
	--bmv-t-2xl: clamp(1.4rem, 2.9vw, 1.85rem);
	--bmv-t-3xl: clamp(1.7rem, 3.6vw, 2.5rem);
	--bmv-t-4xl: clamp(2.2rem, 5.6vw, 3.7rem);
}