/* ==========================================================================
   YM Starter — tokens.css
   >>> הצבעים הגלובליים של האתר <<<
   מערכת העיצוב המרכזית. משנים כאן — מתעדכן בכל האתר, כולל סקשנים מודבקים.
   הפונטים (--font-main / --font-heading) מוזרקים אוטומטית מהגדרות התבנית.
   ========================================================================== */

:root {
  /* ---------- צבעים (פלטה: משרד עו"ד — בהיר + זהב) ---------- */
  --bg: #FAF8F4;            /* רקע כללי — שנהב חם */
  --bg-deep: #1B2333;       /* נייבי עמוק (פוטר, סקשנים כהים) */
  --surface: #FFFFFF;       /* כרטיסים ומשטחים */
  --ink: #232838;           /* טקסט ראשי */
  --ink-soft: #5C6172;      /* טקסט משני */
  --ink-invert: #F6F4EE;    /* טקסט על רקע כהה */
  --accent: #A8802F;        /* זהב — צבע מותג ראשי */
  --accent-hover: #8C6A24;  /* זהב כהה להובר */
  --lime: #D9B96A;          /* זהב בהיר — הדגשות על רקע כהה */
  --orange: #C4933F;        /* זהב-ענבר משני */
  --line: #E9E4D8;          /* קווי הפרדה ומסגרות — חם */
  --success: #2E8B57;       /* הודעות הצלחה */
  --error: #C2363D;         /* הודעות שגיאה */

  /* ---------- טיפוגרפיה ---------- */
  /* הפונטים נקבעים בהגדרות התבנית; אלו ערכי נפילה בלבד */
  --font-main: 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: var(--font-main);

  --fs-hero: clamp(2.25rem, 5vw, 3.5rem);
  --fs-h1: clamp(2rem, 4vw, 2.75rem);
  --fs-h2: clamp(1.5rem, 3vw, 2rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --lh-body: 1.75;
  --lh-heading: 1.25;

  /* ---------- פריסה ---------- */
  --container-max: 80rem;
  --container-narrow: 47.5rem;
  --container-pad: 1.25rem;
  --section-pad: clamp(3.5rem, 8vw, 6.5rem);

  /* ---------- ריווח ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-7: 1.75rem;
  --sp-8: 2rem;
  --sp-9: 2.25rem;
  --sp-10: 2.5rem;
  --sp-11: 2.75rem;
  --sp-12: 3rem;
  --sp-13: 3.25rem;
  --sp-14: 3.5rem;
  --sp-15: 3.75rem;
  --sp-16: 4rem;

  /* ---------- עיגולים וצללים ---------- */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;
  --radius-pill: 62.5rem;
  --radius-btn: var(--radius-pill);  /* עיגול כפתורים — נשלט מההגדרות */
  --shadow-sm: 0 0.0625rem 0.1875rem rgba(27, 35, 51, 0.07);
  --shadow-md: 0 0.5rem 1.5rem rgba(27, 35, 51, 0.09);
  --shadow-lg: 0 1.25rem 3rem rgba(27, 35, 51, 0.14);

  /* ---------- הדר ---------- */
  --header-h: 5rem;

  /* ---------- מעברים ---------- */
  --tr-fast: 0.18s ease;
  --tr-med: 0.32s ease;
}