/* src/app/dan/dan.css — הפלטה של דן, לכל מסך שהעיצוב שלו הועתק מ-legacy/community.
 *
 * 🔴 01.10 · גיל: "תעתיק גם את הלוגיקה והפונקציונליות בדף וגם את העיצוב של כל המסכים, פשוט העתקה
 *    ממקום למקום. שיהיה אחד לאחד בכל הדפים." ⟹ כל מסך מועתק עוטף את עצמו ב-`<div class="dan dan-<מודול>">`
 *    ונושא `src/app/screens/<מודול>.css` משלו. הנוהל: docs/runbooks/dan-design-port.md.
 *
 * ⚠️ **אין `:root`** — tokens.css הוא ההצהרה היחידה ("דף שמכריז :root משלו — הפרה"). זה ה-`:root` של
 *    `legacy/community/assets/css/page.css`, אות באות, **תחום ל-`.dan`** ובקידומת `--d-` כדי לא לדרוס את
 *    `--ink` · `--muted` · `--line` של המעטפת ושל kit-dialog. העתקה: `var(--green)` ⟶ `var(--d-green)`.
 * ⚠️ **שני אפורים הוכהו ל-AA** — `--faint` של דן (#8A968F) נותן 3.07:1 על לבן ו-`--muted` (#6B7B72) 3.88:1
 *    על `--track`; ui-a11y (axe, wcag2aa) נכשל על שניהם (נמדד 01.10 על /community). ⟹ #5F6E66: 5.37 על לבן ·
 *    5.07 על cream-2 · 4.67 על track. `--d-dim` נשאר של דן — לקווים ולתוויות SVG, **לא לטקסט HTML**.
 * ⚠️ **`line-height: normal` על המכל** (01.10, אינטגרציה) — ל-`body` של דן אין `line-height` (computed `normal`), ו-`base.css` של המעטפת
 *    קובע 1.6 (`--lh-body`) שכל אלמנט בלי `line-height` משלו יורש: שורות · צ׳יפים · כפתורים · שדות גבוהים ב-15–20% מדן (נמדד ב-u10 ובכל
 *    יחידה שתיקנה זאת לבד — committees · documents · branches · staff · planning …). עד כאן כל קובץ יחידה נשא שורה משלו על המכל; מעכשיו
 *    כאן, פעם אחת. 🔴 **הכותרות אינן יורשות** — `base.css` קובע `h1,h2,h3 { line-height: var(--lh-tight) }` על האלמנט עצמו, ולכן כלל
 *    הכותרות של כל יחידה (`.dan-<מודול> h1 { line-height: normal }`) נשאר בקובץ שלה; וכלל שמצהיר `line-height` מפורש (`td` 1.5 · `.note`)
 *    גובר כרגיל.
 */
.dan {
  --d-green: #0E7A55;
  --d-green-dark: #0B6244;
  --d-green-mid: #4FA97E;
  --d-ink: #103C2A;
  --d-mint: #E6F4EC;
  --d-orange: #E07A3F;
  --d-orange-ink: #A9542A;
  --d-orange-soft: #FDEEE3;
  --d-sand: #F0BE8E;            /* --sand-orange בדן */
  --d-cream: #FDF6E9;
  --d-cream2: #FBF8F1;          /* --cream-2 בדן */
  --d-water: #7FB6E0;
  --d-text: #16211C;
  --d-body: #3A4A42;            /* הצבע הקשיח #3A4A42 שחוזר בכל דפי דן */
  --d-muted: #5F6E66;           /* AA — בדן #6B7B72 */
  --d-faint: #5F6E66;           /* AA — בדן #8A968F */
  --d-dim: #A3ACA5;             /* קווים · SVG בלבד */
  --d-line: #ECE7DA;
  --d-line-soft: #F0EDE2;
  --d-track: #F2EFE5;
  --d-sage: #C9D6C9;
  --d-shadow: 0 1px 2px rgba(16,42,32,.03), 0 16px 40px rgba(16,42,32,.05);
  --d-shadow-hi: 0 1px 2px rgba(16,42,32,.03), 0 18px 44px rgba(16,42,32,.09);

  color: var(--d-text);
  /* 🔴 03.10 · **המקצב האנכי של דן, על המכל.** ל-`body` של דן אין `line-height` (computed `normal`),
   * ו-`base.css` של המעטפת קובע 1.6 (`--lh-body`) שכל אלמנט בלי `line-height` משלו יורש ⟹ שורות ·
   * צ׳יפים · כפתורים · שדות גבוהים ב-15–20% מדן. נמדד בכל יחידה שתיקנה זאת לבד (branches · committees ·
   * documents · staff · planning …), ולכן הוא כאן **פעם אחת** ולא בקובץ של כל מסך.
   * ⚠️ כלל שמצהיר `line-height` מפורש (`td` 1.5 · `.note`) גובר כרגיל — זו רק רצפת הירושה. */
  line-height: normal;
}
/* 🔴 03.10 · **והכותרות אינן יורשות מהמכל.** `base.css` קובע על **האלמנט**
 * `h1,h2,h3 { line-height: var(--lh-tight) }` (1.25) ו-`letter-spacing: var(--track-head)` (-.02em),
 * וכלל על האלמנט גובר על ירושה. בדן אין **אף** כלל `line-height` על h1–h4 בכל 52 הדפים (grep על
 * `legacy/community/*.html` + `assets/css/page.css` — 0 תוצאות), ו-`letter-spacing` מוצהר שם רק על h1
 * (‎-.02em, ב-24 דפים) ועל שני h3 חריגים (`.02em` ב-branch-events · `.04em` ב-goals) שיושבים בקובץ היחידה שלהם.
 * ⚠️ h1 אינו מאבד את ה-tracking שלו: `--track-head` הוא `-.02em` — **אותו ערך בדיוק** שדן מצהירה.
 * ⭐ נמדד ב-QA של 02.10 על 102 זוגות מסך×אדם: 28 מסכים עם h1 ב-1.25 ו-17 עם h2 שנשא tracking שדן
 * אינה מצהירה; 12 יחידות תיקנו זאת אצלן ו-14 לא — בדיוק הכפילות שהנוהל מזהיר מפניה. */
.dan :is(h1, h2, h3, h4) { line-height: normal; }
.dan :is(h2, h3, h4) { letter-spacing: normal; }
/* ⚠️ [hidden] חייב לנצח — כל `display:flex` של מחלקה גובר על כלל ה-UA (הערת page.css בדן). */
.dan [hidden] { display: none !important; }