/* ============================================================
   ShukWAY Design Tokens — v1 (V-NEXT)
   מקור האמת: design/DESIGN.md · אל תערוך ערכים כאן בלי לעדכן שם
   ============================================================ */
:root {
  /* ---- Core colors ---- */
  --shuk-teal:       #038A82;  /* מבנה, כותרות, אלמנטים פעילים */
  --shuk-teal-deep:  #026B65;  /* hover, טקסט teal על רקע בהיר */
  --shuk-orange:     #E56E13;  /* פעולה בלבד: CTA, פינים חמים */
  --shuk-orange-deep:#C75A08;  /* hover/pressed של כתום — מסונכרן ל-system */
  --shuk-bg:         #EFF8F7;  /* קנבס המסך — לעולם לא לבן טהור */
  --shuk-ink:        #1A2E2C;  /* טקסט ראשי — לעולם לא שחור טהור */

  /* ---- Support colors ---- */
  --shuk-cream:      #FBF9F4;  /* רקע כרטיסים */
  --shuk-line:       #D6E7E4;  /* קווי הפרדה */
  --shuk-muted:      #5C716E;  /* טקסט משני, תוויות, מרחקים */
  --shuk-open:       #2FA84F;  /* סטטוס פתוח */
  --shuk-closed:     #A0A8A6;  /* סטטוס סגור */

  /* ---- Tints (רקעי צ'יפ/תג רכים) — מיושר ל-system/tokens/colors.css ---- */
  --teal-tint:    #DCEFED;  /* רקע צ'יפ פעיל רך, תג teal */
  --orange-soft:  #FBE6D2;  /* רקע תג פעולה/קופון רך */

  /* ---- Semantic status (עולם הקופונים והסוחר) — משותף לשני מקורות הטוקנים ---- */
  --shuk-success:      #2FA84F;  /* מימוש הצליח, חיסכון — זהה ל-open */
  --shuk-success-soft: #E4F4EA;
  --shuk-warning:      #D97706;  /* חריגה, fraud flag, "כמעט" */
  --shuk-warning-soft: #FBEFDD;
  --shuk-danger:       #C0392B;  /* דחייה, שגיאה — נדיר */
  /* וריאנטים כהים לטקסט סטטוס קטן (<18px) — כלל הניגודיות, DESIGN.md §2 */
  --shuk-success-deep: #1C7639;  /* AA על cream ועל success-soft */
  --shuk-warning-deep: #8A5F00;  /* AA על cream ועל warning-soft */

  /* ---- Typography ---- */
  --font-brand: "Ploni ML v2 AAA", "Ploni Hebrew", "Heebo", system-ui, sans-serif;
  --font-data:  "Heebo", system-ui, sans-serif; /* מספרים, מרחקים */
  --fs-display: 28px;  --fw-display: 700;
  --fs-heading: 22px;  --fw-heading: 700;
  --fs-subhead: 18px;  --fw-subhead: 500;
  --fs-body:    16px;  --fw-body:    400;
  --fs-label:   14px;  --fw-label:   500;
  --fs-caption: 13px;  --fw-caption: 400;
  --lh-body: 1.5;  --lh-heading: 1.25;

  /* ---- Spacing (בסיס 4px) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* ---- Radius (סקאלה מלאה — DESIGN.md §4) ---- */
  --r-tight:  10px;   /* אטומים פנימיים קטנים */
  --r-button: 14px;
  --r-card:   16px;
  --r-sheet:  22px;   /* bottom sheet — פינות עליונות */
  --r-coupon: 26px;   /* כרטיס הקופון — חלק מהזהות */
  --r-pill:   999px;

  /* ---- Elevation ---- */
  --shadow-card: 0 4px 16px rgba(3, 138, 130, 0.10);

  /* ---- Touch ---- */
  --touch-min: 44px;
  --cta-height: 52px;

  /* ---- Motion ---- */
  --t-fast: 150ms ease-out;      /* hover/tap */
  --t-pulse: 2s;                  /* פעימת קופון */
  --stagger-pin: 30ms;            /* נחיתת פינים */
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-pulse: 0s; --stagger-pin: 0ms; }
}