/* ============================================================
   בת-אל בורנשטיין - קובץ הטוקנים (site-v2)
   ------------------------------------------------------------
   כל הצבעים והגופנים של האתר מוגדרים אך ורק כאן.
   בסיס: הכיוון "ספוטלייט" שנבחר מתוך ניסוי שלושת הקונספטים
   (experiments/creative-site-v1/concept-b), 27.7.2026.
   החלפת זהות עתידית = עריכת הקובץ הזה בלבד.
   ============================================================ */

:root {
  /* ----- צבע: כהה כעמוד שדרה ----- */
  --color-bg: #191113;            /* קנבס ראשי, כמעט-שחור חם */
  --color-surface: #221719;       /* כרטיסים ומשטחים */
  --color-panel: #3E1019;         /* פאנל בורדו-לילה, בלוקים מודגשים */
  --color-ink: #F2E9DC;           /* טקסט ראשי, קרם */
  --color-ink-soft: #B7A79A;      /* טקסט משני */
  --color-accent: #D63447;        /* אדום-במה: CTA, מבטא, פאנץ' */
  --color-accent-hover: #E8384D;
  --color-accent-soft: #E8657A;   /* אדום רך לכותרות משנה וקישורים */
  --color-line: #3A2C30;          /* גבולות ומפרידים על כהה */
  --color-on-accent: #FFFFFF;     /* טקסט על כפתור אדום */
  --color-focus: #E8657A;         /* טבעת פוקוס נגישה */
  --color-glow: rgba(214, 52, 71, 0.35); /* הילת ספוטלייט */
  --color-whatsapp: #25D366;      /* ירוק וואטסאפ הרשמי: סמל הוואטסאפ בהאדר, ורקע בריחוף (ניר, 19.10.2026) */
  --color-a11y: #154F92;          /* כחול סמל הנגישות (Font Awesome universal-access), עיגול כחול עם דמות לבנה */
  --color-on-a11y: #FFFFFF;       /* הדמות והטבעת הפנימית בסמל הנגישות */
  /* הילה כהה צמודה לאותיות אדומות: מעל וידאו הפתיחה היא מעלה את הניגודיות (יחידה F, ניר 17.10.2026) */
  --halo-text: 0 0 2px rgba(25, 17, 19, 0.95), 0 0 6px rgba(25, 17, 19, 0.9), 0 0 14px rgba(25, 17, 19, 0.75);

  /* ----- אזור בהיר: לעמודי קריאה (הרצאה, אודות, שאלות) ----- */
  --color-bg-light: #F4EFE9;
  --color-surface-light: #FFFFFF;
  --color-ink-on-light: #241A1D;
  --color-ink-soft-on-light: #6B5F5A;
  --color-line-light: #E0D6CC;

  /* ----- טיפוגרפיה ----- */
  --font-body: 'Heebo', 'Segoe UI', Arial, sans-serif;
  --font-display: 'Secular One', 'Rubik', 'Heebo', Arial, sans-serif;
  --font-script: 'Gveret Levin', 'Segoe Script', cursive;

  /* גודל ההירו הדרמטי. מגיב גם לגובה המסך, אחרת במסכים
     רחבים ונמוכים (1366x768) הכותרת דוחפת את הכפתורים מתחת לקיפול */
  --fs-hero: clamp(2.15rem, min(8.5vw, 7.6vh), 5.5rem);
  --fs-h2: clamp(1.8rem, 4.6vw, 2.8rem);
  /* כותרת H1 של עמודים פנימיים (אודות, הרצאה, מופע): גודל אחד לשלושתם (ניר, 8.10.2026).
     הוקטן בכ-5% ב-12.10.2026 (ניר). בטלפון (עד 480) גודל אחד קבוע, 31 (היה 33; 30 נחשב קטן מדי ו-38 גדול מדי באייפון 17).
     בטאבלט עולה בהדרגה: 37 ב-768, 40 ב-899. מ-900: 40 ב-900, 42.3 ב-1440, 43.2 מ-1640. */
  --fs-h1-inner: clamp(1.9375rem, calc(2.02vw + 21.4px), 2.5rem);
  --fs-h3: clamp(1.2rem, 2.5vw, 1.6rem);
  --fs-lead: clamp(1.1rem, 2.1vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --lh-body: 1.7;
  --lh-heading: 1.12;

  /* ----- ריווח (בסיס 8px) ----- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-6: 3rem;
  --sp-8: 4rem;
  --sp-12: 6rem;

  /* ----- צורה ותנועה ----- */
  --radius: 10px;
  --radius-btn: 999px;
  --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.45);
  --transition: 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
  /* העקומה בלבד, למעבר עם משך משלו. --transition כולל 200ms, ואחרי משך
     אחר הדפדפן קורא אותו כהשהיה (כך קרה בחשיפה בגלילה עד 4.10.2026) */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --container: 1180px;
  --container-narrow: 760px;
}

/* ============================================================
   גופנים
   כל הגופנים מתארחים מקומית (ללא CDN). Secular One הועבר מ-Google
   Fonts לאירוח מקומי 27.9.2026 (עברית ולטינית בלבד, v14), כדי שאפשר
   יהיה לטעון אותו מראש (preload) בראש כל עמוד.
   ============================================================ */

@font-face {
  font-family: 'Secular One';
  src: url('../assets/fonts/secular-one-hebrew-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Secular One';
  src: url('../assets/fonts/secular-one-latin-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-hebrew-400-normal.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-latin-400-normal.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-hebrew-700-normal.woff2') format('woff2');
  font-weight: 700; font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-latin-700-normal.woff2') format('woff2');
  font-weight: 700; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

/* כתב יד, לחתימה בלבד */
@font-face {
  font-family: 'Gveret Levin';
  src: url('../assets/fonts/gveret-levin-hebrew-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Gveret Levin';
  src: url('../assets/fonts/gveret-levin-latin-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

/* מסכי דסקטופ (900 ומעלה): כותרות H2 נמוכות יותר בלפטופ, והגודל המלא (44.8) נשמר ב-2400 ומעלה.
   36 ב-900, 39 ב-1440, 42 ב-1920. עד 899 (נייד וטאבלט) בלי שינוי. */
@media (min-width: 900px) {
  :root {
    --fs-h2: clamp(2.25rem, 1.92rem + 0.587vw, 2.8rem);
    --fs-h1-inner: clamp(2.5rem, 2.25rem + 0.44vw, 2.7rem);
  }
}