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

:root {
  /* ---------- צבעים (פלטה: חותם של פאר — עור וקלף) ---------- */
  --bg: #F7F2EA;            /* רקע כללי — קלף */
  --bg-deep: #241812;       /* עור כהה (פוטר, סקשנים כהים) */
  --surface: #FFFDF9;       /* כרטיסים ומשטחים — נייר חם */
  --ink: #2B1F18;           /* טקסט ראשי */
  --ink-soft: #5E5049;      /* טקסט משני — חום אפרפר */
  --ink-invert: #F6F0E6;    /* טקסט על רקע כהה */
  --accent: #7A3F22;        /* חום עור — צבע מותג ראשי */
  --accent-hover: #68361D;  /* חום עור כהה להובר */
  --lime: #D4B06A;          /* זהב הטבעה — הדגשות על רקע כהה */
  --orange: #A86B3C;        /* קוניאק משני */
  --line: #E4D9C8;          /* קווי הפרדה ומסגרות — חם */
  --success: #2F6B45;       /* הודעות הצלחה / זמין במלאי */
  --error: #A8322D;         /* הודעות שגיאה */

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

  --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.9375rem;
  --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.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;
  --radius-pill: 62.5rem;
  --radius-btn: 0.375rem;  /* עיגול כפתורים — נשלט מההגדרות */
  --shadow-sm: 0 0.0625rem 0.1875rem rgba(36, 24, 18, 0.08);
  --shadow-md: 0 0.5rem 1.5rem rgba(36, 24, 18, 0.10);
  --shadow-lg: 0 1.25rem 3rem rgba(36, 24, 18, 0.16);

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

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

/* ---------- נגישות: מיקוד מקלדת ברור בכל האתר ---------- */
:focus-visible {
  outline: 0.1875rem solid var(--accent);
  outline-offset: 0.1875rem;
}
.ym-footer :focus-visible,
.ym-strip :focus-visible {
  outline-color: var(--lime);
}