/* מתג כהה/בהיר - תקן קבוע לכל אתרי Mindset AI (הוראת הבעלים 15/09/2026) ברירת המחדל של המוצר נשארת כהה. הבלוק הזה מגדיר רק את מצב הבהיר, על גבי משתני ה-root הקיימים ב-styles.css, כדי ש-230 השימושים הקיימים ב-var(--...) יתחלפו אוטומטית. צבעים מתוך tokens.css הרשמי. */ /* הצהרת ערכה לדפדפן. בלעדיה כרום עם „מצב כהה אוטומטי לאתרים" מכהה בכוח את המצב הבהיר, והוא נראה כהה גם כשהמתג על שמש. נתפס בדפדפן של הבעלים 16/09/2026: הסגנון המחושב היה לבן והצילום היה כהה. „only" חוסם את ההכהיה. */ html { color-scheme: only dark; } :root[data-theme="light"] { color-scheme: only light; } /* קונסטלציה 6 „שמנת וסיידבר כהה-סגלגל", מפלס שמנת 3 - בחירת הבעלים 19/09/2026. הסיידבר נשאר הכהה-סגלגל של המצב הכהה, והכהה עצמו אינו משתנה. ⛔ פני הכרטיס הם השמנת המאושרת #F6F4EF ולא לבן: הכרטיסים תופסים את רוב המסך, ולכן הם מקור הבוהק ולא הרקע. הרקע יורד מתחתיהם ל-#EDE9DD כדי שההפרדה תישאר גלויה. בהירות פני הכרטיס יורדת מ-100% ל-90% - נמדד, לא מוערך. */ :root[data-theme="light"] { --bg-primary: #EDE9DD; --bg-secondary: #E7E3D6; --bg-card: #F6F4EF; --bg-card-solid: #F6F4EF; --bg-card-hover: #FBF9F4; --bg-input: #EDE9DD; --bg-sidebar: #343043; --bg-glass: rgba(237, 233, 221, 0.92); --text-primary: #202239; --text-secondary: #4A3B7A; --text-muted: #7A6FA6; --text-white: #202239; /* השם נשאר מהעיצוב הכהה המקורי, אבל זה טקסט ההדגשה הכללי - הופך כהה כשהמצב בהיר */ /* שני טוקני אקצנט שנולדו לטקסט על רקע כהה. על השמנת הם יורדים מתחת ל-2:1, ולכן מקבלים כאן ערך כהה יותר מאותה משפחה. הסיידבר מחזיר לעצמו את הערכים הבהירים בהמשך הקובץ, כי הוא כהה גם במצב הבהיר. */ --green-light: #6A559D; /* 5.6:1 על השמנת */ --orange: #8A5D10; /* 5.2:1 על השמנת */ --red: #B03A3A; /* 5.4:1 על השמנת */ --border-color: rgba(74, 59, 122, 0.18); --border-light: rgba(74, 59, 122, 0.22); --border-glow: rgba(74, 59, 122, 0.25); --shadow-sm: 0 2px 8px rgba(32, 34, 57, 0.06), 0 1px 3px rgba(32, 34, 57, 0.04); --shadow-md: 0 4px 20px rgba(32, 34, 57, 0.08), 0 2px 8px rgba(32, 34, 57, 0.05); --shadow-lg: 0 8px 40px rgba(32, 34, 57, 0.1), 0 4px 16px rgba(32, 34, 57, 0.06); --shadow-xl: 0 16px 60px rgba(32, 34, 57, 0.12), 0 8px 24px rgba(32, 34, 57, 0.07); --shadow-card: 0 4px 24px rgba(32, 34, 57, 0.08), 0 1px 6px rgba(32, 34, 57, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6); --shadow-card-hover: 0 8px 40px rgba(32, 34, 57, 0.1), 0 0 20px var(--green-glow), inset 0 1px 0 rgba(255, 255, 255, 0.7); --card-glass: #F6F4EF; --topbar-bg: rgba(237, 233, 221, 0.92); /* המשטח שהגרפים מציירים עליו = פני הכרטיס. בלי זה מסגרות הפלחים ועיגולי המקרא נשארים בשחור של המצב הכהה - הפסילה של הבעלים 20/09/2026. */ --chart-surface: #F6F4EF; } /* הסיידבר במצב בהיר הוא הכהה-סגלגל של המצב הכהה, ולכן הטקסט שבתוכו חייב לחזור לערכי המצב הכהה. הגדרה מחדש של המשתנים על הסיידבר עצמו מחליפה את כל הצאצאים בבת אחת, בלי לגעת באזור התוכן. */ /* ⛔ ‎.sidebar ב-styles.css צובע את עצמו ב-var(--bg-primary), לא ב-var(--bg-sidebar). לכן הצבע נקבע כאן במפורש - שינוי של ‎--bg-sidebar לבדו אינו עושה דבר. */ :root[data-theme="light"] .sidebar { background: #343043; --bg-primary: #343043; --text-primary: #e8eaf0; --text-secondary: #B4A8E4; --text-muted: #8B82A8; --text-white: #FFFFFF; --green-light: #B4A8E4; --border-color: rgba(180, 168, 228, 0.18); --border-light: rgba(180, 168, 228, 0.24); --bg-card-hover: rgba(52, 48, 67, 0.62); } :root[data-theme="light"] body { background-image: radial-gradient(ellipse at 15% 15%, rgba(137, 110, 192, 0.06) 0%, transparent 45%), radial-gradient(ellipse at 85% 80%, rgba(74, 59, 122, 0.04) 0%, transparent 45%); } /* כפתור המתג עצמו - אחד-לאחד מול agents.mindsetaisys.com */ .theme-toggle { all: unset; cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: var(--bg-primary); border: 1px solid var(--green-primary); color: var(--green-primary); flex: 0 0 auto; transition: var(--transition-fast); } .theme-toggle:hover { background: var(--bg-card-hover); } .theme-toggle:focus-visible { outline: 2px solid var(--green-primary); outline-offset: 2px; } .theme-toggle svg { width: 16px; height: 16px; } /* מספרים ותחתית הסיידבר במצב בהיר - נראו דהויים וכהים בצילום חי 16/09/2026 (הוראת הבעלים 17/09). המספר עובר לגרדיאנט אינדיגו-ללבנדר: ניגודיות 9.6:1 עד 4.2:1 על לבן, מספיק לספרות גדולות. תחתית הסיידבר לגוון קל במקום שחור שקוף. */ /* שני המספרים בנויים מגרדיאנט לבן→לבנדר שנחתך לטקסט. על משטח בהיר הקצה הלבן נעלם לגמרי, ולכן שניהם מתהפכים לאינדיגו→לבנדר. ‎.mini-kpi-value נשכח כאן עד 19/09/2026 והיה בלתי קריא בבהיר. */ :root[data-theme="light"] .kpi-value, :root[data-theme="light"] .mini-kpi-card .mini-kpi-value { background: linear-gradient(135deg, #4A3B7A 30%, #896EC0 100%); -webkit-background-clip: text; background-clip: text; } /* ⛔ שורת הכותרת של כל טבלה מקודדת קשיח ב-styles.css ל-rgba(15,15,22,.6) - כמעט שחור. על השמנת היא נקראת כפס כהה שחוצה את העמוד, וזה חל על כל טבלה במוצר. כאן היא הופכת לגוון אינדיגו עדין, והכותרות מתחזקות כדי להישאר קריאות. */ :root[data-theme="light"] .data-table thead, :root[data-theme="light"] .nav-tabs { background: rgba(74, 59, 122, 0.06); } :root[data-theme="light"] .data-table th { color: var(--text-secondary); } /* הסיידבר כהה גם בבהיר (קונסטלציה 6), ולכן תחתיתו חוזרת לטיפול של המצב הכהה */ :root[data-theme="light"] .sidebar-footer, :root[data-theme="light"] .sidebar-credit { background: rgba(255, 255, 255, 0.04); } /* ============================================================ שכבת הכפתורים „זכוכית נוזלית" במצב הבהיר. אותו חומר, אור הפוך: הברק העליון לבן מלא והצל נושא את גוון האינדיגו במקום שחור. בחירת הבעלים 23/09/2026. ============================================================ */ :root[data-theme="light"] .topbar-ai-btn, :root[data-theme="light"] .btn { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.62) 55%, rgba(137, 110, 192, 0.12) 100%); color: #3B2F63; box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(74, 59, 122, 0.10), 0 1px 2px rgba(32, 34, 57, 0.10), 0 10px 20px -14px rgba(74, 59, 122, 0.55); } :root[data-theme="light"] .topbar-ai-btn::before, :root[data-theme="light"] .btn::before { background: linear-gradient(150deg, rgba(255, 255, 255, 1), rgba(137, 110, 192, 0.55) 40%, rgba(74, 59, 122, 0.26) 64%, rgba(255, 255, 255, 0.90)); } :root[data-theme="light"] .topbar-ai-btn:hover, :root[data-theme="light"] .btn:hover { box-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(32, 34, 57, 0.12), 0 16px 28px -14px rgba(74, 59, 122, 0.65); } :root[data-theme="light"] .topbar-ai-btn--glow { color: #3B2F63; } :root[data-theme="light"] .topbar-ai-btn--glow:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 55%, rgba(137, 110, 192, 0.20) 100%); } :root[data-theme="light"] .btn-primary { background: linear-gradient(180deg, rgba(137, 110, 192, 0.22) 0%, rgba(106, 85, 157, 0.30) 55%, rgba(74, 59, 122, 0.42) 100%); color: #2B2150; } /* הסיידבר כהה גם במצב הבהיר, ולכן הכפתורים בתוכו נשארים בחומר הכהה */ :root[data-theme="light"] .sidebar .btn { background: linear-gradient(180deg, rgba(255, 255, 255, 0.155) 0%, rgba(255, 255, 255, 0.045) 55%, rgba(137, 110, 192, 0.14) 100%); color: #e8eaf0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 2px 5px rgba(0, 0, 0, 0.34); } /* הברק על השמנת חזק יותר, אחרת אינו נראה על משטח בהיר */ :root[data-theme="light"] .topbar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -22px 40px -30px rgba(137, 110, 192, 0.24), 0 16px 34px -28px rgba(74, 59, 122, 0.30); } :root[data-theme="light"] .topbar::after { background: linear-gradient(74deg, transparent 38%, rgba(255, 255, 255, 0.28) 48%, rgba(255, 255, 255, 0.68) 50%, rgba(255, 255, 255, 0.28) 52%, transparent 62%); } /* שלד הטעינה: הברק העובר חייב להיות בהיר מפני הכרטיס ולא כהה ממנו, אחרת נוצר פס שחור שחוצה כל כרטיס בזמן טעינה. 23/09/2026. */ :root[data-theme="light"] { --skeleton-sheen: #E2DCCB; }