/* ZOHAR brand system v2 — נבנה מהמקורות בלבד.
   פלטה: ספר המותג עמ׳ 14 (כולל תפקידי צבע). קו: האלכסון של סימן ה-Ƶ (שיפוע 109/80 ≈ 53.7°).
   פאטרן: עמ׳ 16. הלוגו עצמו נטען כ-SVG נגזר, לעולם לא מוקלד בפונט. */

@font-face{font-family:'Vonca';src:url('fonts/brand/Vonca-ExtraLight.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Vonca';src:url('fonts/brand/Vonca-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Vonca';src:url('fonts/brand/Vonca-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vonca';src:url('fonts/brand/Vonca-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vonca';src:url('fonts/brand/Vonca-Semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'FbAgol';src:url('fonts/brand/FbAgol-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'FbAgol';src:url('fonts/brand/FbAgol-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'FbAgol';src:url('fonts/brand/FbAgol-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'FbAgol';src:url('fonts/brand/FbAgol-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

:root{
  /* ספר עמ׳ 14 */
  --z-espresso:#3A2A26;   /* טקסט ראשי + משטח כהה */
  --z-mocha:#7C6258;      /* משני */
  --z-milk:#F2E9E1;       /* רקעים ומשטחים רחבים */
  --z-caramel:#C6A27A;    /* הדגשה: קווים ופרטים בלבד, לא טקסט קטן */
  --z-gold:#D3B88C;       /* הדגשה שנייה */
  /* צבעי הלוגו כפי שיוצאו מהמקור (עמ׳ 6) — לא לערבב עם צבעי הפלטה */
  --z-logo-brown:#776350;
  --z-logo-caramel:#B89581;

  --z-ink:var(--z-espresso);
  --z-body-muted:rgba(58,42,38,.78);
  --z-milk-line:rgba(58,42,38,.14);
  --z-dark-line:rgba(242,233,225,.18);

  /* הקו: שיפוע ה-Ƶ. atan(109/80)=53.7deg; ב-RTL הקו רץ מימין-למעלה לשמאל-למטה */
  --z-angle:53.7deg;
  --z-line:1px;

  --z-display:'Vonca','Optima',serif;
  --z-heb:'FbAgol','Heebo',system-ui,sans-serif;

  --z-r:22px;
  --z-ease:cubic-bezier(.22,1,.36,1);
}

.z-scope{font-family:var(--z-heb);color:var(--z-ink);background:var(--z-milk);}
.z-scope *,.z-scope *::before,.z-scope *::after{box-sizing:border-box}
.z-scope img,.z-scope svg,.z-scope video{display:block;max-width:100%}
.z-scope button,.z-scope input,.z-scope textarea{font:inherit;color:inherit}

.z-display{font-family:var(--z-display);font-weight:300;letter-spacing:.04em}
.z-caps{font-family:var(--z-display);font-weight:400;letter-spacing:.34em;text-transform:uppercase;font-size:.72rem}
.z-caps-heb{font-family:var(--z-heb);font-weight:500;letter-spacing:.12em;font-size:.8rem}

/* == שפת הקו ============================================= */
/* fiber: קו יחיד בזווית ה-Ƶ עם טיק ניצב קטן — החתימה של המערכת */
.z-fiber{position:relative;height:var(--z-line);background:currentColor;opacity:.9}
.z-fiber::after{content:"";position:absolute;inset-inline-end:18%;top:calc(-1 * 4px);width:1px;height:9px;background:currentColor}

/* מסלול קו חוצה-סקשן (ל-hero ולמעברים): נבנה ב-SVG בעמוד עצמו */
.z-line-caramel{color:var(--z-caramel)}
.z-line-gold{color:var(--z-gold)}

/* פאטרן עמ׳ 16: שורות אלכסוניות בזווית הסימן עם טיקים */
.z-pattern{
  --p-c:rgba(198,162,122,.5);
  background-image:
    repeating-linear-gradient(calc(90deg + var(--z-angle)),
      transparent 0 34px, var(--p-c) 34px calc(34px + 1px), transparent calc(34px + 1px) 68px);
}
.z-pattern-dark{--p-c:rgba(211,184,140,.34)}

/* ברק: פס אור צר שעובר רק בנקודות החלטה */
.z-sheen{position:relative;overflow:hidden}
.z-sheen::after{
  content:"";position:absolute;inset-block:-20%;width:34%;
  inset-inline-start:-40%;
  background:linear-gradient(calc(90deg + var(--z-angle)),transparent,rgba(242,233,225,.16) 45%,rgba(211,184,140,.22) 52%,transparent 60%);
  transform:skewX(-12deg);
  pointer-events:none;
  animation:z-sheen 9s var(--z-ease) infinite;
}
@keyframes z-sheen{
  0%,52%{inset-inline-start:-45%;opacity:0}
  60%{opacity:1}
  78%,100%{inset-inline-start:120%;opacity:0}
}

/* משטחים */
.z-card{background:#fff;border:1px solid var(--z-milk-line);border-radius:var(--z-r)}
.z-dark{background:var(--z-espresso);color:var(--z-milk)}
.z-dark .z-fiber{opacity:.85}

/* כפתורי דמו בתוך אב-הטיפוס (לא כפתורי Studio Asaf) */
.z-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 30px;border-radius:999px;cursor:pointer;
  font-family:var(--z-heb);font-weight:500;font-size:1rem;letter-spacing:.02em;
  border:1px solid transparent;
  transition:transform .28s var(--z-ease),box-shadow .28s var(--z-ease),background-color .28s var(--z-ease);
}
.z-btn-solid{background:var(--z-espresso);color:var(--z-milk);box-shadow:0 14px 34px rgba(58,42,38,.22)}
.z-btn-solid:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(58,42,38,.3)}
.z-btn-line{background:transparent;color:inherit;border-color:currentColor}
.z-btn-line:hover{background:rgba(198,162,122,.14)}

.z-scope :is(a,button,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--z-caramel);outline-offset:4px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  .z-sheen::after{animation:none;opacity:0}
}