/* MAYA BY PIZI — שכבת המותג של העוזרת האישית (הכרעת-בעלים 02.10.2026).
   מקור האמת: marketing/00-BRAND/MAYA-BY-PIZI-HANDOFF-2026-10-01/06-HANDOFF/DESIGN-SYSTEM.md
   חל רק על דפים שמסומנים <body class="maya">. דפי Pizi לעסקים ממשיכים על tokens.css/site.css.
   הלוגו הוא קובץ תמונה בלבד (assets/brand/maya/) — לא לבנות MAYA או BY PIZI כטקסט חי. */

@font-face{font-family:'Varela Round';src:url('../assets/fonts/varela-round-hebrew.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:'Varela Round';src:url('../assets/fonts/varela-round-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122;font-display:swap}
/* Assistant משתנה (400–600) + 700 סטטי */
@font-face{font-family:'Assistant';font-weight:400 600;src:url('../assets/fonts/Assistant-var-hebrew.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:'Assistant';font-weight:400 600;src:url('../assets/fonts/Assistant-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'Assistant';font-weight:700;src:url('../assets/fonts/Assistant-700-hebrew.woff2') format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:'Assistant';font-weight:700;src:url('../assets/fonts/Assistant-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122;font-display:swap}

:root{
  /* צבע — חמשת צבעי המותג בלבד. אין #FFFFFF במשטחי מותג, אין ירוק. */
  --maya-canvas:#FFF8FA;
  --maya-blush:#FFE6EF;
  --maya-pink:#F4A3C4;          /* מותג ואיורים — לא לטקסט קטן */
  --maya-rose:#D65A8C;          /* CTA, קישור, פוקוס */
  --maya-rose-hover:#C24A7A;
  /* CTA: טקסט canvas על #B83E6E = 5.08:1, ב-hover #A8355F = 6.01:1 — עובר AA גם לטקסט רגיל (הוראת-בעלים 02.10) */
  --maya-cta:#B83E6E;
  --maya-cta-hover:#A8355F;
  --maya-text-accent:#A8355F;
  --maya-plum:#3A1E2C;          /* טקסט ורקע כהה */
  --maya-text-muted:rgba(58,30,44,.68);
  --maya-border:rgba(58,30,44,.12);
  --maya-focus:#D65A8C;
  /* צבעים פונקציונליים — נפרדים מהמותג, נבחרו לניגודיות AA על canvas */
  --maya-success:#1F7A55;
  --maya-warning:#9A5B00;
  --maya-error:#B42318;

  /* טיפוגרפיה */
  --maya-font-display:'Varela Round','Assistant',system-ui,-apple-system,sans-serif;
  --maya-font-body:'Assistant',system-ui,-apple-system,'Segoe UI',sans-serif;
  --maya-fs-display:clamp(42px,6vw,76px);
  --maya-fs-h2:clamp(30px,4vw,48px);
  --maya-fs-h3:clamp(24px,2.4vw,30px);
  --maya-fs-body:17px;
  --maya-fs-small:14px;

  /* ריווח (4·8·12·16·24·32·48·64·96) */
  --maya-s1:4px;--maya-s2:8px;--maya-s3:12px;--maya-s4:16px;--maya-s5:24px;
  --maya-s6:32px;--maya-s7:48px;--maya-s8:64px;--maya-s9:96px;

  /* רדיוסים */
  --maya-r-sm:12px;--maya-r-btn:16px;--maya-r-card:20px;--maya-r-lg:28px;--maya-r-pill:999px;

  /* קו וצל — צל יחיד מותר */
  --maya-line:1px solid var(--maya-border);
  --maya-shadow:0 18px 50px rgba(58,30,44,.08);

  /* פריסה */
  --maya-max:1180px;--maya-gutter:24px;

  /* תנועה — פונקציונלית בלבד */
  --maya-t-hover:160ms;--maya-t-open:240ms;
}

/* ── בסיס של דף Maya ── */
body.maya{
  margin:0;background:var(--maya-canvas);color:var(--maya-plum);
  font-family:var(--maya-font-body);font-size:var(--maya-fs-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.maya *,.maya *::before,.maya *::after{box-sizing:border-box}
.maya h1,.maya h2,.maya h3{font-family:var(--maya-font-display);font-weight:400;line-height:1.12;text-wrap:balance;margin:0}
.maya h1{font-size:var(--maya-fs-display);letter-spacing:-.01em}
.maya h2{font-size:var(--maya-fs-h2)}
.maya h3{font-size:var(--maya-fs-h3)}
/* קישור: rose על canvas הוא 3.52:1 — נכשל ב-AA לטקסט רגיל. לכן הטקסט plum וקו-התחתון rose. */
.maya a{color:var(--maya-plum);text-decoration:underline;text-decoration-color:var(--maya-rose);text-decoration-thickness:2px;text-underline-offset:4px}
.maya a:hover{text-decoration-thickness:3px}
.maya .muted{color:var(--maya-text-muted)}
.maya .ltr{direction:ltr;unicode-bidi:isolate}
.maya-wrap{max-width:var(--maya-max);margin-inline:auto;padding-inline:var(--maya-gutter)}
@media (max-width:640px){.maya-wrap{padding-inline:20px}}

/* ── הלוגו: קובץ בלבד ── */
.maya-lockup{display:inline-flex;align-items:center;line-height:0}
.maya-lockup img{display:block;height:66px;width:auto}      /* header-lockup 640×220 ⇒ 186px רוחב; מינימום הוורדמארק 180px */
.maya-lockup.is-mono img{height:40px}                        /* M: בקובץ 1024 התו תופס ~70% ⇒ ~28px נראה, מעל מינימום 24px */
/* מתחת ל-180px רוחב — מחליפים למונוגרמה (בחירת התמונה ב-HTML עם <picture>), לא מקטינים את הוורדמארק */

/* ── כפתורים ──
   טקסט canvas על rose = 3.52:1. עובר AA רק כ«טקסט גדול» (≥18.66px מודגש) ⇒ 19px/700 בכפתור הראשי, לא פחות. */
.maya-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--maya-s2);
  min-height:48px;padding:0 var(--maya-s5);border-radius:var(--maya-r-btn);
  font:700 19px/1 var(--maya-font-body);text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:background-color var(--maya-t-hover),border-color var(--maya-t-hover),color var(--maya-t-hover);
}
.maya-btn--primary{background:var(--maya-cta);color:var(--maya-canvas)}
.maya a.maya-btn{text-decoration:none}
.maya a.maya-btn--primary{color:var(--maya-canvas)}
.maya-btn--primary:hover{background:var(--maya-cta-hover)}
.maya-btn--secondary{background:transparent;color:var(--maya-plum);border-color:var(--maya-border)}
.maya-btn--secondary:hover{background:var(--maya-blush)}
.maya-btn[aria-disabled="true"],.maya-btn:disabled{opacity:.5;cursor:not-allowed}

/* ── פוקוס גלוי ── */
.maya :focus-visible{outline:3px solid var(--maya-focus);outline-offset:3px;border-radius:6px}
.maya .maya-btn:focus-visible{border-radius:var(--maya-r-btn)}

/* ── משטחים ── */
.maya-card{background:var(--maya-canvas);border:var(--maya-line);border-radius:var(--maya-r-card);padding:var(--maya-s5)}
.maya-card--blush{background:var(--maya-blush);border-color:transparent}
.maya-section{padding-block:var(--maya-s9)}
@media (max-width:640px){.maya-section{padding-block:var(--maya-s8)}}

/* ── skip link ── */
.maya-skip{position:absolute;inset-inline-start:16px;top:-60px;background:var(--maya-plum);color:var(--maya-canvas);padding:10px 14px;border-radius:var(--maya-r-sm);z-index:50}
.maya-skip:focus{top:16px}

@media (prefers-reduced-motion:reduce){
  .maya *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
.maya a.maya-skip{color:var(--maya-canvas);text-decoration:none}