/* ==========================================================================
   Filamentop — design tokens
   מקור האמת היחיד לצבעים, טיפוגרפיה, ריווחים ונקודות שבירה.
   ========================================================================== */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/open-sans-latin-300.woff2') format('woff2');
  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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/open-sans-hebrew-300.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-latin-400.woff2') format('woff2');
  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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-hebrew-400.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-latin-700.woff2') format('woff2');
  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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-hebrew-700.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/open-sans-latin-800.woff2') format('woff2');
  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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/open-sans-hebrew-800.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

:root {
  /* צבעים */
  --paper: #F1EFE9;      /* רקע האתר */
  --stage: #E6E3DA;      /* רקע "במה" מאחורי מוצרים */
  --surface: #FFFFFF;    /* כרטיסים ושדות */
  --ink: #111111;        /* טקסט וקווי מתאר */
  --ink-2: #4D4D4D;      /* טקסט משני (ניגודיות 7.5:1 על paper) */
  --line: #D6D2C7;       /* קו עדין פנימי */
  --accent: #D4F53C;     /* ליים: מצב hover, תגיות, הדגשה */
  --accent-soft: #FAFBEF;/* ליים עדין לרקע בחירה */
  --ok: #13804F;
  --warn: #8A5A10;
  --warn-bg: #FBF3E6;
  --err: #B42318;
  --err-bg: #FCECEA;

  /* צורה: פינות ישרות, קווי 1px בצבע ink */
  --radius: 0;
  --bw: 1px;
  --bw-strong: 1.5px;

  /* טיפוגרפיה */
  --font: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-h4: 20px;
  --fs-h3: clamp(22px, 2.2vw, 28px);
  --fs-h2: clamp(28px, 4vw, 52px);
  --fs-h1: clamp(46px, 8.5vw, 124px);
  --lh-tight: 1.04;
  --lh-body: 1.6;
  --track-head: -0.045em;
  --track-eyebrow: 0.16em;

  /* ריווח */
  --gutter: 16px;
  --section-y: clamp(36px, 6vw, 88px);
  --container: 1360px;

  /* שכבות */
  --z-header: 30;
  --z-sticky: 20;
  --z-sheet: 60;
  --z-toast: 70;

  /* תנועה */
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 768px) {
  :root { --gutter: 32px; }
}

/* נקודות שבירה (לשימוש ב-@media, לא ניתן ב-var):
   --bp-md: 768px  (טאבלט)
   --bp-lg: 1024px (דסקטופ)
   --bp-xl: 1280px
*/