/* ============================================================ Mindset AI Systems - Design Tokens מקור אמת יחיד למשתני המותג. פלטה סופית מאושרת 03/06/2026. שימוש: ואז var(--ms-...) ברירת מחדל = מצב כהה (המותג כהה). למצב בהיר: data-theme="light" ל-. ============================================================ */ :root { /* ===== 6 צבעי המותג הסופיים ===== */ --ms-indigo: #4A3B7A; /* אינדיגו עמוק - אקצנט/כפתורים */ --ms-purple: #896EC0; /* סגול לבנדר - ראשי */ --ms-night: #202239; /* כחול לילה */ --ms-dark: #25232B; /* כהה */ --ms-dark-2: #343043; /* כהה-סגלגל */ --ms-lavender: #B4A8E4; /* לבנדר בהיר */ --ms-white: #FFFFFF; --ms-bg-deep: #24231F; /* אפור-חום עמוק - רקע מסמך/אתר */ /* ===== סמנטי - מצב כהה (ברירת מחדל) ===== */ --ms-bg: #24231F; /* רקע ראשי */ --ms-surface: #25232B; /* כרטיס/משטח */ --ms-surface-2: #343043; /* משטח משני */ --ms-text: #FFFFFF; /* טקסט ראשי */ --ms-text-muted: #B4A8E4; /* טקסט משני */ --ms-border: rgba(180, 168, 228, 0.16); --ms-accent: #896EC0; /* אקצנט/כפתור ראשי */ --ms-accent-hover: #7857B0; --ms-accent-contrast: #FFFFFF; /* טקסט על אקצנט */ --ms-shadow: 0 4px 20px rgba(0, 0, 0, 0.35); /* ===== גרדיאנט ראשי ===== */ --ms-gradient: linear-gradient(135deg, #4A3B7A 0%, #896EC0 55%, #B4A8E4 100%); /* ===== טיפוגרפיה ===== */ --ms-font-he: 'Heebo', -apple-system, sans-serif; /* עברית - כותרות וגוף */ --ms-font-latin: 'Sora', -apple-system, sans-serif; /* לטיני/שם המותג */ --ms-fs-h1: 40px; --ms-fs-h2: 24px; --ms-fs-body: 17px; --ms-fs-small: 14px; --ms-fw-regular: 400; --ms-fw-medium: 500; --ms-fw-bold: 700; --ms-fw-extrabold:800; --ms-lh-tight: 1.2; --ms-lh-body: 1.6; /* ===== רדיוס פינות ===== */ --ms-radius: 8px; /* אחיד - כפתורים, כרטיסים, שדות */ --ms-radius-full: 999px; /* ===== סולם מרווחים (בסיס 4px) ===== */ --ms-space-1: 4px; --ms-space-2: 8px; --ms-space-3: 12px; --ms-space-4: 16px; --ms-space-5: 24px; --ms-space-6: 32px; --ms-space-7: 48px; --ms-space-8: 64px; /* ===== אייקונים (Lucide) ===== */ --ms-icon-stroke: 1.75; --ms-icon-on-light: var(--ms-indigo); --ms-icon-on-dark: var(--ms-lavender); } /* ============================================================ מצב בהיר (אופציונלי) - רקע שמנת/לבן, טקסט כחול לילה ============================================================ */ :root[data-theme="light"], .ms-light { --ms-bg: #FFFFFF; --ms-surface: #F6F4EF; --ms-surface-2: #EFEDF3; --ms-text: #202239; --ms-text-muted: #4A3B7A; --ms-border: rgba(74, 59, 122, 0.15); --ms-accent: #4A3B7A; --ms-accent-hover: #3A2E63; --ms-accent-contrast: #FFFFFF; --ms-shadow: 0 4px 16px rgba(32, 34, 57, 0.10); }