/* בסיס העיצוב המשותף של תוריו: גופן, צבעי מותג, סולמות טקסט, ריווח, פינות וצללים.
   נטען ראשון בכל המערכות (ממשק הניהול, דף ההזמנה, אתר השיווק). כל קובץ עיצוב ממפה את המשתנים הוותיקים שלו לכאן.
   דף ההזמנה צובע את עצמו בצבעי העסק: ממנו נלקחים כאן רק הגופן והסולמות, לא הצבעים.
   הגופן: Heebo (בחירת הבעלים, 11.10.2026), גופן משתנה 100-900, רישיון OFL (fonts/HEEBO-OFL.txt), מאוחסן אצלנו. */

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/heebo-hebrew-wght-normal.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/heebo-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/heebo-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* גופן: Heebo, ואחריו גופני מערכת לרוסית ולערבית (אין להם אותיות ב-Heebo) */
  --font-sans: 'Heebo', 'Segoe UI', system-ui, -apple-system, 'Noto Sans Hebrew', Arial, sans-serif;

  /* צבעי המותג של תוריו (לא של העסקים). ניגודיות מחושבת: */
  --c-navy: #1C3555;        /* תפריטים, כותרות כהות; לבן עליו 12:1 */
  --c-blue: #2B5EC8;        /* פעולות; לבן עליו 5.9:1 */
  --c-blue-ink: #234FA8;    /* ריחוף / לחיצה על כחול */
  --c-blue-soft: #EDF3FF;   /* רקע בהיר של בחירה */
  --c-coral: #FF7968;       /* הדגשה קטנה בלבד (פס, נקודה), לא טקסט */
  --c-coral-text: #B93A2B;  /* קורל כטקסט: 5.6:1 על לבן */
  --c-ink: #1C2B40;         /* טקסט ראשי: 14:1 על לבן */
  --c-ink-2: #3A4D68;       /* טקסט משני חזק */
  --c-muted: #56657B;       /* טקסט משני: 5.9:1 על לבן, 5.5:1 על --c-bg */
  --c-bg: #F4F7FC;          /* רקע עמוד */
  --c-surface: #FFFFFF;     /* כרטיסים */
  --c-surface-2: #F8FAFD;   /* רקע משני בתוך כרטיס */
  --c-line: #DFE6F0;        /* קווים מפרידים וכרטיסים */
  --c-control-border: #7889A2; /* מסגרת שדות ומתגים: 3.6:1 על לבן */
  --c-danger: #C4281C;      /* מחיקה, שגיאה; לבן עליו 5.7:1 */
  --c-danger-soft: #FCEBEA;
  --c-ok: #1F7A4D;          /* הצלחה: 5.3:1 על לבן */
  --c-ok-soft: #E6F4EC;
  --c-warn: #A2410F;        /* אזהרה: 6.1:1 על לבן */
  --c-warn-soft: #FFF1E6;
  --c-focus: #2B5EC8;

  /* סולם טקסט: שבעה גדלים בלבד */
  --fs-xs: 12px;   /* תוויות קטנות, תגיות */
  /* טקסט שגיאה, אזהרה או הסבר לשדה: לפחות --fs-sm (14px). --fs-xs רק לתגיות ולתוויות משניות (מפרט UX/UI 5) */
  --fs-sm: 14px;   /* טקסט משני, טבלאות */
  --fs-md: 16px;   /* טקסט רגיל, שדות (גם מונע הגדלה בטופס באייפון) */
  --fs-lg: 18px;   /* כותרת כרטיס */
  --fs-xl: 22px;   /* כותרת עמוד בטלפון */
  --fs-2xl: 28px;  /* כותרת עמוד */
  --fs-3xl: 40px;  /* כותרת שיווקית */
  --fs-4xl: 56px;  /* כותרת ראשית באתר */
  --lh-tight: 1.2; --lh-base: 1.55; --lh-loose: 1.7;
  --fw-regular: 400; --fw-medium: 500; --fw-bold: 700; --fw-black: 800;

  /* ריווח: רשת של 4 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;

  /* פינות: ארבע מידות */
  --r-sm: 8px;     /* שדות קטנים, תגיות */
  --r-md: 12px;    /* כפתורים, שדות */
  --r-lg: 16px;    /* כרטיסים */
  --r-xl: 24px;    /* חלונות, אזורים גדולים */
  --r-pill: 999px;

  /* צללים: שלוש רמות */
  --sh-1: 0 1px 2px rgba(16, 33, 58, .06), 0 1px 3px rgba(16, 33, 58, .08);
  --sh-2: 0 4px 12px rgba(16, 33, 58, .08), 0 1px 3px rgba(16, 33, 58, .06);
  --sh-3: 0 16px 40px rgba(16, 33, 58, .14), 0 4px 12px rgba(16, 33, 58, .08);

  /* תנועה */
  --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 320ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);

  /* גובה מינימלי של מטרת לחיצה */
  --tap: 44px;
}

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