/* ============================================================
   JUDARO · Design Tokens (v1) — single source of truth
   צבעים · טיפוגרפיה דו-לשונית · מרווחים · צללים · רדיוסים
   נטען לפני כל קובץ עיצוב. אל תשתמש בערכי hex ישירות באתר —
   רק במשתנים האלה.
   ============================================================ */

:root {
  /* ---------- Brand colors ---------- */
  --ink:        #0F1E33;   /* navy-black — טקסט ראשי, רקעים כהים, סמכות */
  --ink-2:      #1C3050;   /* navy בהיר יותר — כותרות על כהה */
  --paper:      #FAF8F3;   /* parchment חמים — רקע ראשי */
  --paper-2:    #FFFFFF;   /* לבן נקי — כרטיסים */
  --paper-3:    #F1EEE6;   /* בז' עדין — סקשנים מתחלפים */

  /* accent — חתימת המותג (teal, אמון + מודרני) */
  --teal:       #0E5E54;
  --teal-600:   #0A4942;   /* hover */
  --teal-100:   #DCEDEA;   /* רקע עדין/באדג'ים */

  /* תומכים */
  --brass:      #B08433;   /* זהב פליז — נגיעת פרימיום נדירה בלבד */
  --verify:     #B5862B;   /* ענבר "⚠ לאמת" — מוטיב העיגון */
  --verify-100: #F6ECD3;
  --success:    #2E7D5B;
  --danger:     #B23A48;   /* "before" / הזיה */

  /* ניטרליים (slate) */
  --slate-900:  #1A2433;
  --slate-700:  #3A485C;
  --slate-500:  #66738A;   /* טקסט משני */
  --slate-300:  #C7CDD6;   /* גבולות */
  --slate-200:  #E2E5EB;
  --slate-100:  #EFF1F4;

  /* סמנטיים */
  --bg:            var(--paper);
  --bg-alt:        var(--paper-3);
  --surface:       var(--paper-2);
  --text:          var(--ink);
  --text-muted:    var(--slate-500);
  --border:        var(--slate-300);
  --border-soft:   var(--slate-200);
  --accent:        var(--teal);
  --accent-hover:  var(--teal-600);
  --on-accent:     #FFFFFF;
  --on-ink:        #EAF0F7;

  /* ---------- Typography ---------- */
  /* כותרות/Display — serif לסמכות משפטית */
  --font-display-he: "Frank Ruhl Libre", "Source Serif 4", Georgia, serif;
  --font-display-en: "Source Serif 4", "Frank Ruhl Libre", Georgia, serif;
  /* גוף + UI — sans נקי */
  --font-body-he: "Heebo", "Inter", system-ui, -apple-system, sans-serif;
  --font-body-en: "Inter", "Heebo", system-ui, -apple-system, sans-serif;
  /* מונו — לדוגמאות פלט/קוד */
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ברירת מחדל = עברית. דף אנגלי דורס דרך :lang(en) / [dir=ltr] */
  --font-display: var(--font-display-he);
  --font-body:    var(--font-body-he);

  /* סקאלת גודל (type scale ~1.25) */
  --fs-xs:   0.78rem;
  --fs-sm:   0.9rem;
  --fs-base: 1.0625rem;   /* 17px — נוח לקריאה */
  --fs-md:   1.2rem;
  --fs-lg:   1.5rem;
  --fs-xl:   1.95rem;
  --fs-2xl:  2.6rem;
  --fs-3xl:  3.4rem;
  --fs-4xl:  4.4rem;      /* hero */

  --lh-tight:  1.12;
  --lh-snug:   1.3;
  --lh-normal: 1.6;
  --lh-loose:  1.75;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  --tracking-tight: -0.02em;
  --tracking-wide:  0.04em;

  /* ---------- Spacing (8px base) ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* ---------- Radii ---------- */
  --r-sm:  6px;
  --r-md:  10px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-pill: 999px;

  /* ---------- Shadows (עדינים, מקצועיים) ---------- */
  --shadow-sm: 0 1px 2px rgba(15,30,51,0.06), 0 1px 3px rgba(15,30,51,0.04);
  --shadow-md: 0 4px 12px rgba(15,30,51,0.07), 0 2px 4px rgba(15,30,51,0.04);
  --shadow-lg: 0 16px 40px rgba(15,30,51,0.12), 0 4px 10px rgba(15,30,51,0.06);
  --shadow-glow: 0 0 0 4px var(--teal-100);

  /* ---------- Layout ---------- */
  --maxw: 1120px;
  --maxw-narrow: 720px;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --header-h: 72px;

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
  --dur: 240ms;
  --dur-slow: 520ms;
}

/* גרסה אנגלית — מחליף משפחות גופנים */
[dir="ltr"], :lang(en) {
  --font-display: var(--font-display-en);
  --font-body:    var(--font-body-en);
}

/* כיבוד העדפת תנועה מופחתת */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}