/* ============================================================
   Mindset AI - Design Tokens (מערכת עיצוב משותפת)
   ============================================================
   קובץ מקור יחיד למשתני העיצוב של כל הפרויקטים.
   שינוי במשתנה כאן = משפיע על כל ה-22 הדפים והפורטל.
   ============================================================ */

:root {
  /* ----- צבעי המותג (Brand Palette - פלטה 21 של נתי) ----- */
  --color-night-blue:   #142238;  /* כחול לילה - רקע ראשי */
  --color-deep-blue:    #0A2E4A;  /* כחול עמוק */
  --color-dark-blue:    #1B3A5C;  /* כחול כהה */
  --color-gold:         #C5A55A;  /* זהב - מותג ראשי */
  --color-light-gold:   #D4BA7A;  /* זהב בהיר */
  --color-amber:        #F0B030;  /* ענבר - הדגשה */

  /* ----- צבעי משטחים (Surface Tones) ----- */
  --surface-0: #0A1320;  /* רקע עמוק ביותר */
  --surface-1: #0F1B2D;  /* רקע ראשי */
  --surface-2: #142238;  /* רקע שני */
  --surface-3: #1B3A5C;  /* רקע שלישי */
  --surface-elevated: #16263F;  /* כרטיסים */
  --surface-hover:    #1E3553;  /* רחיפה */

  /* ----- צבעי גבול (Borders) ----- */
  --border-subtle:   rgba(197, 165, 90, 0.18);
  --border-strong:   rgba(197, 165, 90, 0.36);
  --divider:         rgba(255, 255, 255, 0.08);

  /* ----- צבעי טקסט ----- */
  --text-primary:    #E9EEF6;  /* ראשי */
  --text-secondary:  #A8B5C8;  /* משני */
  --text-tertiary:   #6F7F95;  /* שלישוני */
  --text-on-gold:    #142238;  /* על רקע זהב */

  /* ----- צבעי סטטוס ----- */
  --status-info:      #4A90D9;
  --status-success:   #4FC18B;
  --status-warning:   #F0B030;
  --status-error:     #E66B6B;
  --status-neutral:   #6F7F95;

  /* ----- טיפוגרפיה ----- */
  --font-he:    'Assistant', 'Segoe UI', system-ui, sans-serif;  /* עברית */
  --font-en:    'Raleway', 'Inter', sans-serif;                   /* אנגלית */
  --font-ar:    'Cairo', 'Arial', sans-serif;                     /* ערבית */
  --font-ru:    'PT Sans', 'Arial', sans-serif;                   /* רוסית */
  --font-mono:  'JetBrains Mono', 'Consolas', monospace;          /* קוד */

  /* ----- גדלי טקסט (Type Scale) ----- */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;
  --text-5xl:  48px;
  --text-6xl:  60px;
  --text-7xl:  72px;

  /* ----- משקלי גופן ----- */
  --weight-light:     300;
  --weight-regular:   400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;

  /* ----- ריווח (Spacing Scale - 4px base) ----- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ----- רדיוס פינות ----- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ----- צללים ----- */
  --shadow-sm:    0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md:    0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg:    0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-xl:    0 24px 48px rgba(0, 0, 0, 0.55);
  --shadow-glow:  0 0 0 1px rgba(197, 165, 90, 0.4), 0 0 32px rgba(197, 165, 90, 0.12);

  /* ----- אנימציות ----- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.7, 0, 0.84, 0);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  --duration-fast:    150ms;
  --duration-base:    250ms;
  --duration-slow:    400ms;
  --duration-slower:  600ms;

  /* ----- שכבות (Z-index) ----- */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;

  /* ----- רוחב עליון של תוכן ----- */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
}

/* ============================================================
   נורמליזציה גלובלית
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  background: var(--surface-1);
  color: var(--text-primary);
  font-family: var(--font-he);
  font-size: var(--text-base);
  line-height: 1.5;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ----- כיוון טקסט אוטומטי לפי שפה ----- */
html[lang="he"] { direction: rtl; font-family: var(--font-he); }
html[lang="ar"] { direction: rtl; font-family: var(--font-ar); }
html[lang="en"] { direction: ltr; font-family: var(--font-en); }
html[lang="ru"] { direction: ltr; font-family: var(--font-ru); }

/* ----- קישורים ----- */
a {
  color: var(--color-gold);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}
a:hover { color: var(--color-light-gold); }

/* ----- כפתורים ----- */
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

/* ----- פסי גלילה ----- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--surface-1); }
::-webkit-scrollbar-thumb { background: var(--surface-3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-dark-blue); }