/* דשבורד מכירות השוטף · ערכי עיצוב משותפים
   כיוון: בהיר ומשחקי, לילך עם גלים סגולים, צהוב נופר להדגשה, רובוט נופר */

:root{
  /* פונט */
  --font:"Rubik","Segoe UI",Arial,sans-serif;

  /* צבעי נופר */
  --purple:#4f2bed;        /* סגול נופר */
  --purple-deep:#2a1a6e;   /* סגול כהה: העיגול הגדול */
  --yellow:#ffc600;        /* צהוב נופר: המספר הגדול, הדגשות */

  /* משטחים */
  --bg:#efeafe;            /* רקע המסך */
  --bg-2:#e2d9ff;          /* רקע משני בגרדיאנט */
  --wave:#3d22b8;          /* הגלים בתחתית */
  --wave-2:#5a3be6;        /* גל קדמי */
  --glass:rgba(255,255,255,.74);   /* כרטיסים לבנים-שקופים */
  --glass-line:rgba(255,255,255,.95);
  --panel:rgba(255,255,255,.42);   /* המגש של קוביות הלידים */
  --icon-bg:#e4dcff;       /* עיגול רקע לאייקון */
  --icon-bg-warm:#ffe58a;  /* עיגול רקע לאייקון צהוב */

  /* טקסט */
  --fg:#1c1446;            /* טקסט ראשי ומספרים */
  --sub:#4a4370;           /* טקסט משני */
  --on-dark:#ffffff;       /* טקסט על סגול כהה */

  /* צל */
  --shadow:0 10px 30px rgba(60,34,160,.16);
  --glow-yellow:rgba(255,198,0,.45);
  --overlay:rgba(28,20,70,.55);    /* מאחורי כרטיס החגיגה */

  /* פינות וגדלים (נמתחים לפי רוחב המסך, לטלוויזיה) */
  --radius:clamp(16px,1.8vw,28px);
  --main-size:clamp(180px,23vw,400px);
}