/* ===== ארכיון השחזורים — טוקנים ===== מקור-האמת היחיד לצבע, טיפוגרפיה, מרווח, רדיוס וצל. נטען לפני style.css, ולפני הציור הראשון, כדי שערכת הנושא (שנקבעת ב-index.html) תתפוס מיד. כלל: אין צבע קשיח בגוף ה-CSS — הכל עובר דרך המשתנים כאן. בהיר כברירת מחדל, כהה דרך [data-theme="dark"] על . */ :root{ --bg: #eef2f7; --bg-tint: #e7edf4; /* משטחי זכוכית: שקופים-למחצה, נשענים על הילות הרקע. למשטחים שחייבים אטימות (תפריטים צפים, חלוניות מעל תוכן) יש --surface-solid. */ --surface: rgba(255,255,255,.38); --surface-2: rgba(255,255,255,.26); --surface-solid: #ffffff; --line: rgba(30,60,90,.16); --line-soft: rgba(30,60,90,.09); /* קצה-האור והברק של הזכוכית (Liquid Glass) */ --glass-edge: rgba(255,255,255,.95); --glass-shine: rgba(255,255,255,.65); --text: #16222e; --muted: #5a6b7b; --dim: #8395a4; --accent: #0d8b84; /* טורקיז קליני — מותג-העל של האתר */ --accent-dk: #0a6f6a; --accent-sl: #e2f2f1; /* רקע מבטא עדין */ /* צבע-זהות המקצוע. ברירת המחדל = המבטא הגלובלי, כך שדף בלי מקצוע נראה בדיוק כמו קודם. renderCourse/renderHome דורסים אותו לפי courses.json. */ --course-accent: var(--accent); --course-accent-dk: var(--accent-dk); --course-accent-sl: var(--accent-sl); /* פלטת הסימולציות המקבילה (--sim*) בוטלה — ממופה לצבע-המקצוע, כך שכל המעבדות עקביות עם שאר העמוד. מוגדר פעם אחת: --course-accent כבר מתחלף בין בהיר/כהה, אז אין צורך בהגדרה נפרדת ל-dark. */ --sim: var(--course-accent); --sim-dp: var(--course-accent-dk); --sim-bg: var(--course-accent-sl); --sim-ln: var(--course-accent); --good: #12885d; --good-bg: #e4f5ec; --good-ln: #9bd8bb; --bad: #cf3a44; --bad-bg: #fdeaec; --bad-ln: #f2b3b8; --warn: #a86a06; --warn-bg: #fdf3e2; --warn-ln: #e8c67e; --topic-bg: #eceaf9; --topic-ln: #c3bcea; --topic-tx: #56499c; --radius: 22px; --radius-sm: 14px; --shadow: 0 2px 8px rgba(25,45,70,.06), 0 16px 40px rgba(25,45,70,.09); --shadow-lg: 0 4px 12px rgba(25,45,70,.08), 0 28px 64px rgba(25,45,70,.13); --font: "Assistant", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* סקאלת טיפוגרפיה — קנה-מידה אחד לכל האתר (במקום גדלים אד-הוק). רכיבים חדשים צריכים לצרוך מכאן. */ /* ---- טיפוגרפיה אנגלית ---- כל תוכן המבחן הוא אנגלית, וסריף שנקבע לפי סולם עברי יוצא קטן ודק: ה-x-height של סריף טקסט נמוך מזה של Assistant באותו גודל נקוב, ועל רקע כהה הקווים הדקים פשוט נעלמים. לכן לאנגלית יש כאן משפחה, סולם וגובה-שורה משלה. Source Serif 4 נבחר בגלל x-height גבוה, צירים פתוחים וגזרה עבה יותר מ-Newsreader שהיה כאן קודם. */ --font-en: "Source Serif 4", "Source Serif Pro", Charter, Georgia, "Times New Roman", serif; --fs-en-sm: 16px; --fs-en: 18.5px; --fs-en-md: 20px; --fs-en-lg: 23px; --lh-en: 1.62; --lh-en-loose: 1.7; --fs-xs: 12px; --fs-sm: 13.5px; --fs-base: 16px; --fs-md: 17.5px; --fs-lg: 21px; --fs-xl: 28px; --fs-2xl: 40px; } :root[data-theme="dark"]{ --bg: #070c13; --bg-tint: #0a1019; --surface: rgba(30,48,70,.30); --surface-2: rgba(44,66,92,.32); --surface-solid: #16222e; --line: rgba(170,215,250,.20); --line-soft: rgba(170,215,250,.10); --glass-edge: rgba(255,255,255,.35); --glass-shine: rgba(255,255,255,.14); --text: #f0f6fc; --muted: #a6bacb; --dim: #70869a; --accent: #2bb3aa; --accent-dk: #178f88; --accent-sl: #14312f; --course-accent: var(--accent); --course-accent-dk: var(--accent-dk); --course-accent-sl: var(--accent-sl); --good: #34c184; --good-bg: #123528; --good-ln: #1f6b4c; --bad: #f2646e; --bad-bg: #3a1a1e; --bad-ln: #7d3037; --warn: #e0a83c; --warn-bg: #33280f; --warn-ln: #7a5f22; --topic-bg: #262453; --topic-ln: #474394; --topic-tx: #b7b0f0; --shadow: 0 2px 8px rgba(0,0,0,.35), 0 18px 48px rgba(0,0,0,.5); --shadow-lg: 0 4px 14px rgba(0,0,0,.4), 0 32px 80px rgba(0,0,0,.6); }