/* ==========================================================================
   Expo Client — Design Tokens
   --------------------------------------------------------------------------
   שכבת המשתנים בלבד, מיושרת לקובץ העיצוב של ExpoBiz
   (Style/our-css/expo-theme.css) כדי שהצבעים והטיפוגרפיה יהיו זהים
   בין מערכת הניהול לדפי הלקוח.

   מה שלא הועתק במכוון: כל ה"סקינים" של מערכת הניהול (תפריט צד, באנר,
   טבלאות, שכבת האורורה). דף ההרשמה הוא מוצר ללקוח קצה ולא מסך ניהול,
   ולכן שם נבנית שפה משלו מעל אותם משתנים.

   ההבדלים המכוונים מול מערכת הניהול מסומנים בהערות "לקוח קצה".
   הקובץ מגדיר משתנים בלבד ולכן טעינתו אינה משנה שום עמוד קיים.
   ========================================================================== */

:root {
    /* --- מותג --- */
    --expo-brand: #1D5BBF;
    --expo-brand-dark: #14417F;
    --expo-brand-light: #E8F0FC;

    /* --- סמנטיקה --- */
    --expo-success: #1F9D55;
    --expo-success-light: #E6F6EC;
    --expo-warning: #D97706;
    --expo-warning-light: #FCF0DF;
    --expo-danger: #DC2626;
    --expo-danger-light: #FDEAEA;

    /* --- משטחים וטקסט --- */
    --expo-bg: #F5F7FA;
    --expo-surface: #FFFFFF;
    --expo-border: #E3E8EF;
    --expo-text: #1F2937;
    --expo-text-muted: #6B7280;
    --expo-text-faint: #9CA3AF;

    /* --- צורה --- */
    --expo-radius: 10px;
    --expo-radius-sm: 8px;
    --expo-radius-lg: 16px;
    --expo-shadow: 0 1px 3px rgba(0, 0, 0, .08);
    --expo-shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);

    /* --- טיפוגרפיה --- */
    --expo-font: 'Assistant', Arial, sans-serif;

    /* לקוח קצה: בסיס 16px ולא 14px. מתחת ל-16px ב-iOS הדפדפן מבצע
       זום אוטומטי בכניסה לשדה, וזו אחת מחוויות המובייל הגרועות ביותר. */
    --expo-fs-base: 16px;
    --expo-fs-sm: 14px;
    --expo-fs-title: clamp(20px, 4.5vw, 26px);
    --expo-fs-card-title: 17px;

    /* --- מידות --- */
    /* לקוח קצה: 48px במקום 40px, מעל מינימום יעד המגע המומלץ (44px). */
    --expo-control-h: 48px;
    --expo-space: 8px;
    --expo-gap: 16px;

    /* רוחב מרבי לעמודת טופס במסך רחב, כדי שהשורות יישארו קריאות */
    --expo-form-max: 760px;
}
