/* ============================================================
   בת-אל בורנשטיין - קובץ הטוקנים (זהות עבודה זמנית)
   ------------------------------------------------------------
   כל הצבעים והגופנים של האתר מוגדרים אך ורק כאן.
   החלפת זהות עתידית (מעצב) = עריכת הקובץ הזה בלבד.
   בסיס: הפלטה שחולצה מסקיצת ה-Folyou של ניר (18.7.2026).
   ============================================================ */

:root {
  /* ----- צבע ----- */
  --color-ink: #1F2430;          /* טקסט, פאנלים כהים, פוטר */
  --color-ink-soft: #3A4152;     /* טקסט משני על בהיר */
  --color-bg: #F6F2EC;           /* קנבס */
  --color-surface: #FDFBF9;      /* כרטיסים ומשטחים */
  --color-accent: #C8A56A;       /* כפתורים ו-CTA */
  --color-accent-hover: #B58E53;
  --color-accent-soft: #F3E6D3;  /* מילויים רכים, רקעי סקשן */
  --color-warm: #C84B31;         /* הדגשה חמה נקודתית - במשורה */
  --color-line: #E7E1D8;         /* גבולות ומפרידים */
  --color-on-ink: #F6F2EC;       /* טקסט על רקע כהה */
  --color-on-accent: #1F2430;    /* טקסט על כפתור זהב */
  --color-focus: #8A6B33;        /* טבעת פוקוס נגישה */

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

  --fs-hero: clamp(2rem, 5vw, 3.25rem);
  --fs-h2: clamp(1.6rem, 3.6vw, 2.4rem);
  --fs-h3: clamp(1.2rem, 2.4vw, 1.5rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --lh-body: 1.7;
  --lh-heading: 1.25;

  /* ----- ריווח (בסיס 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: 12px;
  --radius-btn: 999px;
  --shadow-card: 0 6px 24px rgba(31, 36, 48, 0.07);
  --transition: 180ms ease;
  --container: 1140px;
}

/* ----- גופנים (קבצים מקומיים, ללא CDN) ----- */
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-hebrew-400-normal.woff2') format('woff2');
  font-weight: 400;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+FB1D-FB4F;
  font-display: swap;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  unicode-range: U+0000-00FF;
  font-display: swap;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-hebrew-700-normal.woff2') format('woff2');
  font-weight: 700;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+FB1D-FB4F;
  font-display: swap;
}
@font-face {
  font-family: 'Heebo';
  src: url('../assets/fonts/heebo-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  unicode-range: U+0000-00FF;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../assets/fonts/rubik-hebrew-700-normal.woff2') format('woff2');
  font-weight: 700;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+FB1D-FB4F;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../assets/fonts/rubik-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  unicode-range: U+0000-00FF;
  font-display: swap;
}
@font-face {
  font-family: 'Gveret Levin';
  src: url('../assets/fonts/gveret-levin-hebrew-400.woff2') format('woff2');
  font-weight: 400;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+FB1D-FB4F;
  font-display: swap;
}
@font-face {
  font-family: 'Gveret Levin';
  src: url('../assets/fonts/gveret-levin-latin-400.woff2') format('woff2');
  font-weight: 400;
  unicode-range: U+0000-00FF;
  font-display: swap;
}