/* ===================================================================
   GOR MARKETING — Design Tokens (מקור אמת יחיד לכל ערכי העיצוב)
   נגזר משילוב בין עמוד הנחיתה (soft-focus-aesthetics) לבין הלוגו.
   כל קובץ CSS/JS אחר באפליקציה צריך לצרוך ערכים מהקובץ הזה בלבד —
   אין להוסיף צבע/מרווח/רדיוס "קסום" (magic value) מחוץ לכאן.
   תיעוד מלא: ראה DESIGN_SYSTEM.md
   =================================================================== */
:root{
  /* ---------------------------------------------------------------
     1. COLOR — backgrounds
     --------------------------------------------------------------- */
  /* פלטת Cyber Neon החדשה (DESIGN_TOKENS.json) */
  /* מצב לילה — גוון "גרפיט" תואם למסמך ההסכם (#232e3b) */
  --bg-0:#1b242f;           /* רקע עמוק ביותר (מאחורי מסכי כניסה) */
  --bg-1:#232e3b;           /* רקע ראשי של האפליקציה — זהה לגוון ההסכם */
  --bg-2:#2a3543;           /* פאנלים/סיידבר/topbar (surface) */
  --bg-3:#31404f;           /* כרטיסים מוצקים (kanban card וכו') */
  --glass-card:rgba(42,53,67,.72);      /* כרטיס זכוכית ראשי (surface glass) */
  --glass-card-hover:rgba(52,66,82,.82);
  --bg-glass:rgba(255,255,255,.045);    /* שכבת זכוכית עדינה על רקע כהה */
  --bg-glass-strong:rgba(255,255,255,.08);
  --bg-glass-hover:rgba(255,255,255,.065);
  --border-1:rgba(255,255,255,.06);     /* גבול דק (spec) */
  --border-2:rgba(255,255,255,.10);
  --focus-ring:0 0 0 3px rgba(77,140,255,.35);

  /* ---------------------------------------------------------------
     2. COLOR — brand gradient (מקור: עמוד הנחיתה)
     --------------------------------------------------------------- */
  --grad-1:#4D8CFF;
  --grad-2:#7B5CFF;
  --brand-gradient:linear-gradient(135deg,var(--grad-1) 0%,var(--grad-2) 100%);
  --brand-gradient-soft:linear-gradient(135deg,rgba(77,140,255,.18) 0%,rgba(123,92,255,.18) 100%);
  --brand-gradient-text:var(--brand-gradient); /* לשימוש עם background-clip:text */

  /* ---------------------------------------------------------------
     3. COLOR — accents (Cyber Neon)
     --------------------------------------------------------------- */
  --cyan:#00E5FF;
  --cyan-soft:rgba(0,229,255,.13);
  --magenta:#e879f9;
  --magenta-soft:rgba(232,121,249,.14);
  --gold:#f0b94d;
  --gold-soft:rgba(240,185,77,.14);

  /* ---------------------------------------------------------------
     4. COLOR — semantic (מיפוי משמעות → צבע, לא לצבוע ישירות!)
     --------------------------------------------------------------- */
  /* צבעים סמנטיים לפי הבריף — success/warning/danger מדויקים */
  --success:#00FF9D;
  --success-soft:rgba(0,255,157,.12);
  --positive:var(--success);
  --positive-soft:var(--success-soft);
  --urgent:var(--magenta);
  --urgent-soft:var(--magenta-soft);
  --money:var(--gold);
  --money-soft:var(--gold-soft);
  --danger:#FF4D6D;
  --danger-soft:rgba(255,77,109,.13);
  --warn:#FFB547;
  --warn-soft:rgba(255,181,71,.13);
  --neutral-soft:rgba(255,255,255,.06);

  /* ---------------------------------------------------------------
     5. COLOR — text
     --------------------------------------------------------------- */
  --t1:#FFFFFF;                  /* כותרות / טקסט ראשי (spec) */
  --t2:rgba(255,255,255,.72);    /* טקסט משני (spec) */
  --t3:rgba(255,255,255,.66);    /* muted — טקסט שולי / תוויות (WCAG AA על גרפיט) */
  --t4:rgba(255,255,255,.58);    /* עמום / placeholder (WCAG AA על גרפיט) */

  /* משטחים/קווים ניטרליים — טוקנים תמאטיים (היו fallback כהה קבוע) */
  --surface:#2a3543;   /* משטח כהה לרכיבים (לוח אוטומציה/פייפליין/יומן) */
  --line:rgba(255,255,255,.10);      /* קו מפריד עדין */

  /* ---------------------------------------------------------------
     6. TYPOGRAPHY
     --------------------------------------------------------------- */
  --font-main:'Assistant','Heebo',system-ui,-apple-system,sans-serif;

  /* היררכיה יוקרתית — כותרות גדולות יותר, אוויר נדיב (Apple/Linear/Stripe) */
  --fs-display:34px;   /* מספרי stat-tile גדולים */
  --fs-h1:22px;        /* כותרת עמוד (topbar) */
  --fs-h2:18px;        /* כותרת section */
  --fs-h3:15px;        /* כותרת card / row ראשי */
  --fs-body:14px;      /* טקסט רגיל / טבלאות */
  --fs-sm:12.5px;      /* טקסט משני / תוויות */
  --fs-xs:11.5px;      /* badges / meta / caption */
  --ls-tight:-0.02em;  /* letter-spacing לכותרות גדולות */
  --ls-display:-0.03em;

  --fw-regular:400;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-black:800;

  --lh-tight:1.2;
  --lh-normal:1.5;

  /* ---------------------------------------------------------------
     7. SPACING SCALE (בסיס 4px)
     --------------------------------------------------------------- */
  --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;

  /* ---------------------------------------------------------------
     8. RADII
     --------------------------------------------------------------- */
  --r-sm:12px;
  --r-md:20px;
  --r-lg:28px;
  --r-xl:34px;
  --r-pill:999px;

  /* ---------------------------------------------------------------
     9. ELEVATION / SHADOW
     --------------------------------------------------------------- */
  --shadow-1:0 8px 30px rgba(0,0,0,.35);
  --shadow-2:0 14px 40px rgba(0,0,0,.45);
  --shadow-glow:0 0 0 1px rgba(255,255,255,.06), 0 8px 30px rgba(79,124,255,.15);
  --shadow-glow-strong:0 0 0 1px rgba(255,255,255,.08), 0 10px 34px rgba(79,124,255,.32);

  /* ---------------------------------------------------------------
     10. MOTION (משך + עקומות מעבר)
     --------------------------------------------------------------- */
  --dur-fast:120ms;
  --dur-base:180ms;
  --dur-slow:280ms;
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(0,0,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);

  /* ---------------------------------------------------------------
     11. Z-INDEX SCALE
     --------------------------------------------------------------- */
  --z-topbar:5;
  --z-dropdown:20;
  --z-modal:50;
  --z-toast:80;
}

/* ===================================================================
   LIGHT THEME — הפעלה ע"י data-theme="light" על <html>
   מחליף רק את טוקני הבסיס; הגרדיאנט וההדגשות נשארים.
   =================================================================== */
:root[data-theme="light"]{
  --bg-0:#eef1f8;
  --bg-1:#f5f7fc;
  --bg-2:#ffffff;
  --bg-3:#ffffff;
  --glass-card:rgba(255,255,255,.82);
  --glass-card-hover:rgba(255,255,255,.95);
  --bg-glass:rgba(20,28,54,.03);
  --bg-glass-strong:rgba(20,28,54,.05);
  --bg-glass-hover:rgba(20,28,54,.045);
  --border-1:rgba(20,28,54,.09);
  --border-2:rgba(20,28,54,.14);
  --t1:#12162a;
  --t2:rgba(18,22,42,.74);
  --t3:rgba(18,22,42,.68);      /* muted — WCAG AA ≥4.5:1 על רקע בהיר */
  --t4:rgba(18,22,42,.64);      /* placeholder — WCAG AA */
  --neutral-soft:rgba(20,28,54,.06);
  /* משטחים/קווים — גרסאות בהירות (מתקן טקסט כהה על רקע כהה במצב יום) */
  --surface:#eef2f7;
  --line:rgba(20,28,54,.12);
  /* הדגשות ניאון — גרסאות כהות יותר לקריאוּת על רקע בהיר (טקסט/נקודות בלבד) */
  --cyan:#0e7490;
  --magenta:#a21caf;
  --gold:#8a5f00;
  --success:#047857;
  --shadow-1:0 8px 30px rgba(20,28,54,.10);
  --shadow-2:0 14px 40px rgba(20,28,54,.14);
  --shadow-glow:0 0 0 1px rgba(20,28,54,.05), 0 8px 30px rgba(79,124,255,.14);
}