/* ============================================================
   Typefaces — self-hosted, offline, no external requests
   ------------------------------------------------------------
   Frank Ruhl Libre  → כותרות. סריף עברי בניגודיות גבוהה,
                        נותן את האופי המסורתי־יוקרתי.
   Assistant         → גוף הטקסט וממשק. קריא מאוד בעברית.

   שני הפונטים הם variable fonts — קובץ אחד לכל משפחה,
   כל המשקלים בתוכו. סה"כ 100KB לכל האתר.
   ============================================================ */

/* ---------------- Assistant (UI / body) ---------------- */

@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/assistant-hebrew.woff2?v=f9805e7a') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/assistant-latin.woff2?v=3e3bb349') 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+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------------- Frank Ruhl Libre (display) ---------------- */

@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/frankruhl-hebrew.woff2?v=acdf9ed0') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/frankruhl-latin.woff2?v=9d52316b') 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+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Wire the families into the token system
   ============================================================ */

:root {
  --font-sans: 'Assistant', 'Segoe UI', -apple-system, BlinkMacSystemFont,
               'Arial Hebrew', Arial, sans-serif;
  --font-display: 'Frank Ruhl Libre', 'Assistant', 'Segoe UI', Georgia, serif;
  --font-num: 'Assistant', 'Segoe UI', -apple-system, Arial, sans-serif;
}

/* ============================================================
   Display face: applied to headings and hero type.
   The serif carries tighter tracking and a lower line-height
   than the sans, so it needs its own metrics.
   ============================================================ */

h1, h2, h3,
.display,
.pcard__name,
.drawer__title,
.price__now,
.stat__num {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -.01em;
}

.display {
  font-weight: 900;
  letter-spacing: -.028em;
}

h1 { font-weight: 800; letter-spacing: -.022em; }
h2 { font-weight: 700; letter-spacing: -.018em; }
h3 { font-weight: 700; letter-spacing: -.012em; }

/* h4 and below stay on the sans — they behave as UI labels,
   and the serif gets muddy at small sizes. */
h4, h5, h6 { font-family: var(--font-sans); }

/* Numerals read better in the sans, and the serif's figures are
   old-style in places. Keep money and tabular data on Assistant. */
.price, .t-num, .num, .qty__val,
.spec td, .dtable td, .rcard__price {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
}

.price__now { font-family: var(--font-sans); font-weight: 700; letter-spacing: -.02em; }

/* The eyebrow / caps labels need the sans for even tracking */
.eyebrow, .t-caps, .badge, .btn, .chip, .tab, .label, .step {
  font-family: var(--font-sans);
}
