/* ============================================
   טוקנים. מקור האמת לכל ערך עיצובי באתר.
   אל תכתוב צבע או מרווח ישירות ב-main.css.

   טיפוגרפיה (הוחלף 26.7.2026 לבקשת גיתית):
   Heebo בלבד, כמו באתר של דנה ישראלי.
   האופי מגיע מקונטרסט משקלים: 900 בכותרות מול 300/400 בגוף.
   ============================================ */

:root {
  /* --- צבע --- */
  --cream: #FBF6EE;          /* הרקע היחיד של האתר */
  --cream-deep: #F3ECE0;     /* גוון קרם כהה יותר לרצועות */
  --ink: #201E1B;            /* טיפוגרפיה, קווים, מבנה */
  --ink-soft: #5A554E;       /* טקסט משני. 6.86 על קרם */
  --ink-12: rgba(32, 30, 27, 0.12);   /* גבולות */
  --ink-08: rgba(32, 30, 27, 0.08);   /* מצב מושבת */
  --coral: #FA7070;          /* צבע הפעולה היחיד */
  --coral-line: #EA5A5A;     /* קו בלבד: פוקוס, hover, דיאגרמה */
  --coral-text: #C43C3C;     /* קישור בתוך פסקה. 4.81 על קרם */
  --sage: #DCEBD6;           /* גוון רקע בלבד. לא טקסט, לא קו */

  /* --- טיפוגרפיה. Heebo בלבד --- */
  --font-display: "Heebo", system-ui, sans-serif;
  --font-body: "Heebo", system-ui, sans-serif;
  --w-black: 900;            /* כותרות ראשיות */
  --w-bold: 700;             /* כותרות משנה, כפתורים */
  --w-med: 500;              /* תגיות, הדגשות עדינות */
  --w-reg: 400;              /* גוף */
  --w-light: 300;            /* ליד גדול, טקסט אווירה */

  --fs-hero: clamp(2.5rem, 5.2vw, 4.25rem);   /* הוקטן 27.7.2026: הפתיח לא נכנס למסך אחד */
  --fs-h1: clamp(2.25rem, 4.8vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 3.6vw, 2.75rem);
  --fs-h3: clamp(1.3125rem, 2vw, 1.5rem);
  --fs-lead: clamp(1.1875rem, 1.7vw, 1.4375rem);
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --fs-tag: 0.8125rem;

  --lh-hero: 1.06;
  --lh-heading: 1.15;
  --lh-body: 1.75;   /* גבוה בכוונה. לעברית אין אותיות גדולות ולכן פסקה צפופה נראית כגוש */

  /* --- מרווח. סולם 4/8 --- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-6: 1.5rem;   --s-8: 2rem;     --s-12: 3rem;    --s-16: 4rem;
  --s-24: 6rem;    --s-32: 8rem;    --s-40: 10rem;

  --section-gap: clamp(5.5rem, 10vw, 9rem);

  /* --- פריסה --- */
  --container: 1200px;
  --measure: 660px;          /* כ-62 תווים בעברית */
  --measure-quote: 540px;
  --pad-side: clamp(1.25rem, 4vw, 3rem);
  --nav-h: 64px;

  /* --- צורה --- */
  --radius: 8px;
  --radius-card: 14px;

  /* --- צל. שתי שכבות בכל צל: מגע קרוב רך ליד האלמנט, ומגע רחוק מפוזר.
     הגוון חום-דיו (60,44,28) ולא דיו ניטרלי, כדי שיתיישב על הקרם החם. --- */
  --shadow-md: 0 2px 4px rgba(60, 44, 28, 0.05), 0 8px 20px rgba(60, 44, 28, 0.10);
  --shadow-lg: 0 4px 10px rgba(60, 44, 28, 0.06), 0 20px 46px rgba(60, 44, 28, 0.13);
  --shadow-coral: 0 2px 6px rgba(234, 90, 90, 0.22), 0 12px 28px rgba(234, 90, 90, 0.30);

  /* --- תנועה --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.4, 1);
  --t-hover: 160ms;
  --t-state: 220ms;
  --t-reveal: 700ms;
  --t-exit: 140ms;
}

@media (max-width: 768px) {
  :root { --nav-h: 56px; --fs-body: 1.0625rem; }
}