/* Turbo Diesel — tokens.css
   The single source of truth. Every colour, spacing step and radius lives here.
   The name after "fig:" is the Figma variable name (collections צבעים / מרווחים / רדיוסים).
   Shadows (--sh-*) become Figma effect styles under the same "fig:" name. */
:root{
  /* ---------- צבעים ---------- */
  --c-red:#D90A0F;            /* fig: אדום */
  --c-red-dark:#A80008;       /* fig: אדום כהה */
  --c-red-soft:#FDECEC;       /* fig: ורוד אדמדם */
  --c-red-glow:#FF3B3F;       /* fig: אדום זוהר */
  --c-red-neon:#FF4A4E;       /* fig: אדום נאון */
  --c-red-sign:#FF2A2F;       /* fig: אדום שלט */
  --c-ink:#1B1B1B;            /* fig: שחור טקסט */
  --c-ink-2:#444444;          /* fig: אפור כהה */
  --c-muted:#6B6B6B;          /* fig: אפור */
  --c-white:#FFFFFF;          /* fig: לבן */
  --c-snow:#FAFAFA;           /* fig: לבן שבור */
  --c-bg-alt:#F4F4F4;         /* fig: אפור רקע */
  --c-line:#E3E3E3;           /* fig: אפור קו */
  --c-mist:#DDDDDD;           /* fig: אפור ערפל */
  --c-cloud:#E6E6E6;          /* fig: אפור ענן */
  --c-light:#D6D6D6;          /* fig: אפור בהיר */
  --c-silver:#CFCFCF;         /* fig: אפור כסף */
  --c-steel:#BDBDBD;          /* fig: אפור פלדה */
  --c-ash:#9A9A9A;            /* fig: אפור אפר */
  --c-black:#111111;          /* fig: שחור */
  --c-night:#0B0B0C;          /* fig: שחור לילה */
  --c-abyss:#0A0A0A;          /* fig: שחור עמוק */
  --c-coal:#1C1C1C;           /* fig: פחם */
  --c-coal-line:#2C2C2C;      /* fig: פחם קו */
  --c-graphite:#222222;       /* fig: גרפיט */
  --c-wa:#1FA855;             /* fig: ירוק וואטסאפ */
  --c-wa-dark:#168A45;        /* fig: ירוק וואטסאפ כהה */
  --c-star:#F5A900;           /* fig: צהוב כוכב */
  --c-amber:#FFC233;          /* fig: ענבר */
  /* transparency = its own token */
  --c-white-6:rgba(255,255,255,.06);   /* fig: לבן 6% */
  --c-white-10:rgba(255,255,255,.1);   /* fig: לבן 10% */
  --c-white-12:rgba(255,255,255,.12);  /* fig: לבן 12% */
  --c-white-30:rgba(255,255,255,.3);   /* fig: לבן 30% */
  --c-white-70:rgba(255,255,255,.7);   /* fig: לבן 70% */
  --c-black-40:rgba(0,0,0,.4);         /* fig: שחור 40% */
  --c-black-45:rgba(0,0,0,.45);        /* fig: שחור 45% */
  --c-black-70:rgba(0,0,0,.7);         /* fig: שחור 70% */
  --c-black-75:rgba(0,0,0,.75);        /* fig: שחור 75% */
  --c-black-80:rgba(0,0,0,.8);         /* fig: שחור 80% */
  --c-black-90:rgba(0,0,0,.9);         /* fig: שחור 90% */
  --c-black-0:rgba(0,0,0,0);           /* fig: שחור 0% */
  --c-red-18:rgba(217,10,15,.18);      /* fig: אדום 18% */
  --c-red-55:rgba(217,10,15,.55);      /* fig: אדום 55% */
  --c-red-0:rgba(217,10,15,0);         /* fig: אדום 0% */

  /* ---------- מרווחים (multiples of 4) ---------- */
  --s-4:4px;    /* fig: 4 */
  --s-8:8px;    /* fig: 8 */
  --s-12:12px;  /* fig: 12 */
  --s-16:16px;  /* fig: 16 */
  --s-20:20px;  /* fig: 20 */
  --s-24:24px;  /* fig: 24 */
  --s-28:28px;  /* fig: 28 */
  --s-32:32px;  /* fig: 32 */
  --s-36:36px;  /* fig: 36 */
  --s-40:40px;  /* fig: 40 */
  --s-44:44px;  /* fig: 44 */
  --s-48:48px;  /* fig: 48 */
  --s-52:52px;  /* fig: 52 */
  --s-56:56px;  /* fig: 56 */
  --s-60:60px;  /* fig: 60 */
  --s-64:64px;  /* fig: 64 */
  --s-80:80px;  /* fig: 80 */
  --s-88:88px;  /* fig: 88 */

  /* ---------- רדיוסים ---------- */
  --r-sm:8px;    /* fig: קטן 8 */
  --r-md:12px;   /* fig: בינוני 12 */
  --r-pill:40px; /* fig: גלולה 40 */

  /* ---------- צללים → effect styles ---------- */
  --sh-header:0 2px 14px rgba(0,0,0,.08);   /* fig: צל כותרת */
  --sh-card:0 10px 30px rgba(0,0,0,.07);    /* fig: צל כרטיס */
  --sh-soft:0 4px 14px rgba(0,0,0,.05);     /* fig: צל עדין */
  --sh-side:0 14px 40px rgba(0,0,0,.12);    /* fig: צל סרגל צד */
  --sh-ring:0 0 0 8px #FDECEC;              /* fig: טבעת ורודה */
  --sh-text:0 2px 20px rgba(0,0,0,.6);      /* fig: צל טקסט */
  --sh-text-sm:0 2px 14px rgba(0,0,0,.6);   /* fig: צל טקסט קטן */
  --sh-text-strong:0 2px 14px rgba(0,0,0,.8); /* fig: צל טקסט חזק */
  --sh-glow:0 0 6px rgba(255,40,45,.9),0 0 22px rgba(255,20,25,.7),0 0 60px rgba(255,0,0,.45); /* fig: זוהר אדום */

  /* ---------- layout ---------- */
  --wrap:1440px;
  --font:"Heebo",Arial,sans-serif;
}