/* MY DUBAI — Design tokens (כיוון A: חול וזהב). אושר ע"י שי, 26.9.2026.
   מקור אמת יחיד לצבע, טיפוגרפיה, מרווחים ותנועה. רכיב לא ממציא ערך — רק מפנה לטוקן. */

:root {
  /* ---------- צבע: בסיס ---------- */
  --c-ink:        #1d1a16;  /* טקסט ראשי, כפתור ראשי. 14.6:1 על sand */
  --c-ink-2:      #4a4238;  /* טקסט גוף משני. 8.3:1 */
  --c-ink-3:      #6b5f50;  /* מטא, כיתובים. 5.2:1 — המינימום לטקסט קטן */
  --c-sand:       #f3ebdd;  /* רקע ראשי */
  --c-paper:      #faf6ee;  /* רקע משני: טפסים, בלוקים מורמים */
  --c-dune:       #d9c3a0;  /* משטחים, placeholder לתמונה */
  --c-dune-deep:  #b8874d;
  --c-night:      #16130e;  /* שחור חם (אספרסו) — בלי כחול. שי, 27.9.2026: שחור · זהב · חול · לבן */

  /* זהב — שני תפקידים, לא להחליף ביניהם */
  --c-gold:       #b0874a;  /* קווים, מספרים דקורטיביים. לא לטקסט! (2.8:1) */
  --c-gold-text:  #7d5b28;  /* זהב לטקסט וקישורים. 5.2:1 */

  /* קווים */
  --c-line:       rgba(29, 26, 22, .15);
  --c-line-strong:rgba(29, 26, 22, .35);

  /* מצבים — מושתקים, בתוך הפלטה */
  --c-ok:         #3f6b4a;
  --c-warn:       #8a5a12;
  --c-error:      #9b2f24;
  --c-focus:      #7d5b28;

  /* ---------- טיפוגרפיה ---------- */
  --f-display: "Bellefair", "Frank Ruhl Libre", Georgia, serif;   /* כותרות בלבד, משקל אחד */
  --f-body:    "Assistant", "Segoe UI", Arial, sans-serif;         /* 300/400/600/700 */

  /* סקאלה (יחס ~1.25, קלאמפ לכותרות) */
  --fs-xs:   0.8125rem;  /* 13 — כיתובים, "עודכן" */
  --fs-sm:   0.9375rem;  /* 15 — ניווט, תוויות */
  --fs-base: 1.0625rem;  /* 17 — גוף. עברית צריכה מעט יותר מ-16 */
  --fs-lg:   1.1875rem;  /* 19 — פתיח */
  /* ‼️ החלק ב-vw מוכפל ב---a11y-vw (a11y-boot.js: מדרגת הגדלת הטקסט × גודל הגופן של
     הדפדפן). בלעדיו הכותרות גדלו רק ב-~40% בהגדלה ל-200%, כי vw לא תלוי בגודל הגופן. */
  --fs-h4:   clamp(1.5rem, 1.2rem + 1vw * var(--a11y-vw, 1), 1.75rem);
  --fs-h3:   clamp(1.75rem, 1.3rem + 1.6vw * var(--a11y-vw, 1), 2.25rem);
  --fs-h2:   clamp(1.875rem, 1.3rem + 2vw * var(--a11y-vw, 1), 2.75rem);
  --fs-h1:   clamp(2.5rem, 1.6rem + 3.2vw * var(--a11y-vw, 1), 4.25rem);

  --lh-tight: 1.05;
  --lh-head:  1.15;
  --lh-body:  1.7;   /* עברית עם ניקוד חלקי/גרשים — צריך אוויר */

  --tracking-kicker: .2em;
  --tracking-logo:   .18em;

  --measure: 62ch;   /* רוחב שורה מקסימלי לגוף */

  /* ---------- מרווחים (בסיס 4) ---------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  --gutter: clamp(16px, 4vw, 40px);   /* שוליים צדדיים; 16px בנייד */
  --container: 1200px;
  --section-y: clamp(var(--s-7), 5vw, var(--s-8));

  /* ---------- צורה ---------- */
  --radius: 16px;      /* 2026: פינות רכות, כרטיסים מודרניים (שי, 26.9.2026) */
  --radius-field: 12px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(29,26,22,.06), 0 12px 32px -16px rgba(29,26,22,.28);
  --shadow-lift: 0 2px 4px rgba(29,26,22,.08), 0 24px 48px -20px rgba(29,26,22,.38);
  --hairline: 1px solid var(--c-line);

  /* ---------- תנועה ---------- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 160ms;
  --t-med:  320ms;
  --t-slow: 700ms;     /* חשיפת תמונה */
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; --t-slow: 0ms; }
}