/* ============================================================
   לדה לפידוס — מערכת עיצוב "אולם"
   פלטה לפי אפיון 5.1 (בז׳, חום שוקולד, לבן, בורדו)
   תחושה לפי 5.3–5.4 (גלריית אמנות / מוזיאון, קלאסי חם יוקרתי)
   ============================================================ */

:root {
  /* ---------- צבע ---------- */
  /* פלטת גלריה מונוכרומטית (לבן/שחור/אפור) — כמו ladalapidus.com.
     הכרום שקט לגמרי כדי שהציורים יישאו את כל הצבע. */
  --paper:        #FFFFFF;   /* לבן — הקרקע הראשית */
  --sand:         #F4F4F3;   /* אפור בהיר מאוד — סקשנים מתחלפים */
  --linen:        #E3E3E1;   /* אפור — קווי הפרדה ומסגרות */
  --linen-soft:   #EFEFED;

  --ink:          #141414;   /* כמעט־שחור — טקסט ראשי */
  --umber:        #565656;   /* אפור כהה — טקסט משני */
  --umber-light:  #8C8C8C;

  --bordeaux:       #171717; /* אקצנט (CTA, מחיר, מצב פעיל) — שחור */
  --bordeaux-deep:  #000000;
  --bordeaux-tint:  #F0F0F0;

  --gold:         #7A7A7A;   /* עיטור/תווית — אפור */
  --gold-soft:    #A8A8A8;

  --white:        #FFFFFF;   /* פס הפאספרטו סביב היצירה */
  --whatsapp:     #1FA855;

  /* ---------- טיפוגרפיה ---------- */
  --font-display: "Frank Ruhl Libre", "Times New Roman", serif;
  --font-latin:   "Cormorant Garamond", "Frank Ruhl Libre", serif;
  --font-body:    "Assistant", "Segoe UI", system-ui, sans-serif;

  /* סולם נוזלי — מובייל ראשון */
  --t-hero:  clamp(2.4rem, 1.3rem + 4.6vw, 5.25rem);
  --t-h1:    clamp(2rem,   1.3rem + 2.9vw, 3.5rem);
  --t-h2:    clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
  --t-h3:    clamp(1.2rem, 1.05rem + 0.7vw, 1.6rem);
  --t-lead:  clamp(1.05rem, 0.98rem + 0.4vw, 1.3rem);
  --t-body:  1rem;
  --t-small: 0.875rem;
  --t-micro: 0.75rem;

  --lh-tight: 1.15;
  --lh-body:  1.75;
  --ls-wide:  0.18em;   /* לתוויות קטנות ברווח מוגדל */

  /* ---------- מרווח ---------- */
  --s-1: 0.5rem;   --s-2: 1rem;    --s-3: 1.5rem;
  --s-4: 2rem;     --s-5: 3rem;    --s-6: 4rem;
  --s-7: 6rem;     --s-8: 8rem;
  --section:  clamp(3.5rem, 2rem + 6vw, 8rem);   /* ריתמוס אנכי בין סקשנים */
  --gutter:   clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);
  --maxw:     1320px;
  --maxw-text: 62ch;

  /* ---------- קווים, פינות, צל ---------- */
  --hair: 1px solid var(--linen);
  /* סולם רדיוסים: רך מספיק כדי להרגיש גמור, שמרני מספיק כדי להישאר קלאסי.
     ככל שהאלמנט גדול יותר הרדיוס גדל, אחרת פינה של 8px על פאנל של 600px
     נעלמת ופינה של 8px על תג זעיר נראית כמו גלולה. */
  --r-xs:   4px;    /* תגיות, מתגי שפה */
  --r-sm:   8px;    /* כפתורים, שדות טופס */
  --r-md:  12px;    /* מסגרות יצירה, כרטיסים */
  --r-lg:  18px;    /* פאנלים גדולים, במה של ההדמיה */
  --r-full: 999px;  /* גלולות סינון */

  --shadow-frame: 0 18px 40px -18px rgba(36, 24, 17, 0.45);
  --shadow-card:  0 2px 10px -4px rgba(36, 24, 17, 0.14);
  --shadow-lift:  0 22px 48px -22px rgba(36, 24, 17, 0.40);

  /* ---------- תנועה ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  0.45s;
}

/* מסכים גדולים ורחבים — התוכן מתרחב כדי לא להישאר עמודה צרה באמצע.
   בלוקי הטקסט (section-head, wall-text, wrap--narrow) שומרים על רוחב קריא משלהם,
   כך שהרחבה זו משפיעה בעיקר על הרשתות והסקשנים. */
@media (min-width: 1600px) { :root { --maxw: 1480px; } }
@media (min-width: 1920px) { :root { --maxw: 1660px; } }
@media (min-width: 2400px) { :root { --maxw: 1880px; --gutter: clamp(3.5rem, 1rem + 3vw, 6rem); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}