/* ═══ theme-styles — ערכות התצוגה (display-themes-r1) ═══
   מקור אמת אחד לשני האתרים, מסונכרן ע"י tools/sync-shared.mjs.
   כל ערכה מקבלת בלוק משלה, שיתווסף מתחת לשורה הזו בבאטצ'ים עתידיים.
   אין לגעת בבלוק של ערכה אחרת מבאטצ' אחר. */
html[data-theme="classic"]{}

/* ═══ 0. candle-flame — רכיב חתימה משותף (נר תלוי: שרשרת+כלי+להבה+גחלים) ═══
   מקור: docs/design/theme-mockups/display-renders-3.html שורות 52-81 (.lamp/
   .vessel/.flame/.ember, ערכת "ner"). בשימוש: ner (סבב זה). מיועד ל-ashmoret
   ("נר תמיד על ליל כוכבים", באטצ' עתידי) — אותו אלמנט בדיוק עם רקע אחר.
   מוזרק ע"י theme-engine.js (ensureCandleFlame/initCandleFlameWatcher) כילד
   ישיר של #display-mode. מוסתר כברירת מחדל; ערכה שרוצה אותו חושפת עם
   html[data-theme="X"] #display-mode .candle-flame{display:block} ויכולה
   לדרוס את משתני --candle-* לפי הפלטה שלה. הגודל/מיקום כאן מותאם-קנה-מידה
   ל-#display-mode במסך מלא (לא הועתק 1:1 מיחסי "board" 16:9 של המוקאפ, שם
   הלהבה תופסת נתח ענק מהלוח כולו) — קטן/צנוע דיו כדי לא להסתיר תוכן אמיתי,
   ממוקם מאחורי dm2-root (z-index:1 < 2) כמו שאר אלמנטי-החתימה הפסאודו של
   הערכות האחרות. הצבעים/הגרדיאנטים/מפתחות-האנימציה עצמם הם עותק 1:1. */
#display-mode .candle-flame{
  display:none; position:absolute; z-index:1; pointer-events:none;
  top:0; left:50%; transform:translateX(-50%);
  width:clamp(60px,9vw,130px); height:22vh;
  --candle-vessel:radial-gradient(circle at 32% 28%,#f4d68a,#c99a3e 45%,#7a5a1c 85%);
  --candle-fire:radial-gradient(circle at 50% 78%,#fff8dd 0%,#ffcf63 45%,#ff8a1f 78%,transparent 92%);
  --candle-chain:linear-gradient(180deg,#6e5225,#d9b26a);
  --candle-glow:#ffbf5e66;
  --candle-cone:radial-gradient(52% 62% at 50% 0%,#ffc86a26,transparent 72%);
  --candle-ember:#ffb75e;
}
#display-mode .candle-flame__cone{position:absolute;top:0;left:50%;transform:translateX(-50%);width:300%;height:160%;background:var(--candle-cone);}
#display-mode .candle-flame__lamp{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;}
#display-mode .candle-flame__chain{width:2px;flex:1;background:var(--candle-chain);}
#display-mode .candle-flame__vessel{
  width:clamp(22px,3.4vw,38px); height:clamp(28px,4.4vw,48px); position:relative;
  background:var(--candle-vessel);
  border-radius:42% 42% 50% 50% / 32% 32% 68% 68%;
  box-shadow:0 0 34px var(--candle-glow), 0 4px 10px #00000088;
}
#display-mode .candle-flame__fire{
  position:absolute; top:-46%; left:50%; transform:translateX(-50%);
  width:38%; aspect-ratio:.62;
  background:var(--candle-fire);
  border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;
  filter:blur(.5px) drop-shadow(0 0 16px #ffb84d);
}
#display-mode .candle-flame__ember{position:absolute;bottom:14%;width:4px;height:4px;border-radius:50%;background:var(--candle-ember);filter:blur(1px);opacity:0;}
#display-mode .candle-flame__e1{left:44%;animation-delay:0s}
#display-mode .candle-flame__e2{left:52%;animation-delay:2.4s}
#display-mode .candle-flame__e3{left:48%;animation-delay:4.6s}
#display-mode .candle-flame__e4{left:57%;animation-delay:1.3s}
#display-mode .candle-flame__e5{left:40%;animation-delay:5.6s}
@media (prefers-reduced-motion:no-preference){
  #display-mode .candle-flame__fire{animation:themeCandleFlicker 2.4s ease-in-out infinite;}
  #display-mode .candle-flame__ember{animation:themeCandleRise 7.5s linear infinite;}
}
@keyframes themeCandleFlicker{0%,100%{transform:translateX(-50%) scale(1)}40%{transform:translateX(-54%) scale(1.08,1.14)}70%{transform:translateX(-47%) scale(.95,1.02)}}
@keyframes themeCandleRise{0%{transform:translateY(0);opacity:0}10%{opacity:.85}100%{transform:translateY(-180px);opacity:0}}

/* ═══ 0b. clock-wall — רכיב חתימה משותף (קיר שעונים אנלוגיים אמיתיים) ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 60-82 (.clockwrap/
   .clockface/.ck/.tag/.n/.t, ערכות "kir-wood"/"kir-kesef") + clockSVG() בסקריפט
   של המוקאפ (שורות 392-408, גיאומטריית התגים/מחוגים הועתקה 1:1 ל-
   buildAnalogClockFaceSVG ב-theme-engine.js). בשימוש: kir-wood, kir-kesef
   (סבב זה). מיועד לשימוש חוזר ע"י כל ערכה עתידית שרוצה שעון/שעונים אנלוגיים
   אמיתיים — לחשוף עם html[data-theme="X"] #display-mode .clock-wall{display:
   block} ולדרוס את משתני ה---cw-*.
   הערה חשובה: getPrayerSchedule(date) אינו חשוף בפועל כ-window global (אומת
   ע"י typeof בקונסול הדפדפן — לוקאלי ל-IIFE הענק של index.html). window.
   calcDay(date) כן global אמיתי (אומת), ומחזיר את 6 זמני היום המכוילים-אמת
   (עלות/הנץ/סוזק"ש מג"א/חצות/שקיעה/צאת) — אותה קבוצת ערכים שהמוקאפ עצמו מציג
   בשורת ה-zrow שלו — ולכן הוא מקור הנתונים בפועל כאן. "עכשיו" נשען על
   new Date() רגיל (תמיד אמיתי, לא טעון כיול).
   מוזרק ע"י theme-engine.js (ensureClockWall/initClockWallWatcher) כילד ישיר
   של #display-mode (position:fixed, containing-block קיים) — *לא* כילד של
   dm2-header עצמו: renderDm2All עושה hEl.textContent=... על dm2-header בכל
   רענון תאריך/יום, מה שהיה מוחק כל ילד שמוזרק ישירות לתוכו. ונשמר חי ע"י
   MutationObserver על #display-mode — אותו מנגנון כמו candle-flame. ה-top
   שלו מחושב ב-JS (positionClockWall) מתוך המלבן האמיתי של dm2-header בכל
   עדכון, כך שיישב בדיוק בתוך ריפוד-תחתון שמור עליו (ראו קטעי kir-wood/
   kir-kesef למטה) — לא נוגעים במיקום/גודל dm2-root/dm2-body עצמם, dm2-body
   מתכווץ ממילא כי הוא flex:1 1 auto תחת dm2-root. */
#display-mode .clock-wall{
  display:none; position:absolute; left:0; right:0; top:0; height:12vh;
  pointer-events:none; overflow:hidden; padding:0 2vw;
  --cw-face-bg:radial-gradient(circle at 38% 32%, #fdf9ee, #efe6d1 78%);
  --cw-face-color:#3b2a17;
  --cw-ring:conic-gradient(#5f3a18,#a06a34,#5f3a18,#3d240e,#8a5a2c,#5f3a18);
  --cw-ring-shadow:0 6px 14px #00000045, inset 0 0 5px #00000060;
  --cw-name-color:#4a2f14;
  --cw-time-color:#5e0f0f;
  --cw-tag-bg:#8B1A1A;
}
#display-mode .clock-wall__inner{height:100%;display:flex;align-items:center;gap:1.2vw;}
#display-mode .clock-wall__now{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2vh;}
#display-mode .clock-wall__now-lbl{font-size:clamp(8px,1vh,12px);letter-spacing:.2em;color:var(--cw-name-color);opacity:.75;}
#display-mode .clock-wall__now-digital{font-size:clamp(11px,1.6vh,16px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--cw-name-color);}
#display-mode .clock-wall__ring{border-radius:50%;background:var(--cw-ring);box-shadow:var(--cw-ring-shadow);padding:6%;}
#display-mode .clock-wall__now .clock-wall__ring{width:clamp(38px,7vh,64px);aspect-ratio:1;}
#display-mode .clock-wall__face{display:block;width:100%;height:100%;border-radius:50%;background:var(--cw-face-bg);color:var(--cw-face-color);}
#display-mode .clock-wall__grid{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.6vw;align-items:center;}
/* padding-top שמור ל-clock-wall__tag (ראו למטה) — כדי שתג "הבא" ישב *בתוך*
   תיבת clock-wall (שחתוכה ע"י overflow:hidden כדי לא לחרוג לתוכן האמיתי
   מתחת), ולא יוסט למעלה עם top שלילי (שהיה נחתך ע"י ה-overflow). */
#display-mode .clock-wall__cell{position:relative;min-width:0;text-align:center;padding-top:1.8vh;}
#display-mode .clock-wall__cell .clock-wall__ring{width:clamp(34px,6.4vh,58px);aspect-ratio:1;margin:0 auto;}
#display-mode .clock-wall__cell--next .clock-wall__ring{box-shadow:0 0 0 2.5px var(--cw-tag-bg), var(--cw-ring-shadow);}
#display-mode .clock-wall__tag{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--cw-tag-bg);color:#fff;font-size:clamp(7px,.9vh,10px);font-weight:700;padding:.15em .6em;border-radius:999px;white-space:nowrap;letter-spacing:.03em;}
#display-mode .clock-wall__cell--next .clock-wall__tag{display:block;}
#display-mode .clock-wall__name{margin-top:.3vh;font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:clamp(8px,1.1vh,12px);color:var(--cw-name-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#display-mode .clock-wall__time{font-size:clamp(9px,1.3vh,14px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--cw-time-color);}
@media (max-width:820px){
  #display-mode .clock-wall{height:20vh;}
  #display-mode .clock-wall__grid{grid-template-columns:repeat(3,1fr);row-gap:.8vh;}
}

/* ═══ 0c. day-arc — רכיב חתימה משותף (גוף נע על קשת יום + סמוני זמן) ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 193-219 (.b-kes)
   + tick() שורות 436-453 (נוסחת מיקום השמש על הקשת, מועתקת 1:1 ל-
   computeSunPosition/computeArcPoint ב-theme-engine.js). בשימוש: keshet (סבב
   זה). מיועד לשימוש חוזר ע"י כל ערכה עתידית שרוצה "גוף נע על קשת יום" (למשל
   קשת ירח/כוכבים) — לחשוף עם html[data-theme="X"] #display-mode
   .day-arc{display:block} + ריפוד שמור על dm2-header (כמו clock-wall) ולדרוס
   את משתני ---arc-*.
   מקור הנתונים: getPrayerSchedule אינו global (ראו הערת clock-wall למעלה) —
   window.calcDay(date) הוא, ומספק הנץ/שקיעה (עוגני הקשת) ושאר זמני היום
   המכוילים. #display-mode עצמו נושא את גרדיאנט השמיים של הערכה (ראו קטע
   keshet למטה) — לכן .day-arc__sky שקוף ורק מציג עליו את הקשת/הנקודות/השמש.
   הגובה השמור מוגבל בכוונה ל-12vh/20vh — זהה בדיוק לתקציב שכבר נקבע ל-
   clock-wall (לא הוגדל, למרות שהמוקאפ עצמו מקצה ל-.sky שטח גדול בהרבה):
   נמצא בבדיקה חיה (mode 2 — ראו dmApplyScreenFace ב-index.html) שכל תוספת
   ריפוד ל-dm2-header דוחקת את dm-subclock (ממורכז ב-flex בתוך dm2-centermid)
   לתוך התחום של dm-corners התחתונים (ממוקמים בקואורדינטות קבועות, לא
   מגיבים לריפוד ההוא) — זו התנגשות קיימת-מראש גם ב-kir-wood/kir-kesef
   (12vh כבר גורם לחפיפה של כ-10px בגובה-viewport קטן), לא באג חדש שהוכנס
   כאן; הוגבל לאותו תקציב בדיוק כדי לא להחמיר אותה. תיקון שורש (מיקום
   dm-subclock/dm-corners עצמו) דורש נגיעה ב-index.html — מחוץ לתחום המשימה
   הזו (רק theme-styles.css/theme-engine.js). אין .day-arc__strip (הרצועה
   התחתונה עם 6 הזמנים הנוספים של המוקאפ) — הוסרה כדי להתאים לתקציב הזה;
   5 נקודות הקשת (הדרישה המרכזית של המשימה) מקבלות את כל השטח השמור.
   מוזרק כילד ישיר של #display-mode (לא dm2-header — renderDm2All דורס
   textContent שלו בכל רענון, אותה סיבה כמו clock-wall) ונשמר חי ע"י
   MutationObserver על #display-mode. z-index לא מוגדר בכוונה (default) כדי
   שיישאר מאחורי dm2-root (z-index:2) — נראה רק דרך הריפוד השמור על
   dm2-header. אין overflow:hidden בכוונה: תגי הנץ/שקיעה יושבים בדיוק על
   קצה התחתון (top:100%, transform -50%) והתווית/הזמן שלהם ממשיכים מתחתיו
   (כמו במוקאפ, ש-.sky שלו גם לא חותך) — ה-z-index הנמוך כאן כבר מבטיח
   שכל חלק שחורג מהתחום השמור פשוט נצבע *מתחת* לתוכן האמיתי של dm2-root
   ולא עליו, כך שאין סיכון "דליפה" חזותית על תוכן אמיתי גם בלי חיתוך מלאכותי. */
#display-mode .day-arc{
  display:none; position:absolute; left:0; right:0; top:0; height:12vh;
  pointer-events:none;
  --arc-line:#7a5a2a99;
  --arc-dot:#7a3d16; --arc-dot-ring:#fdf4dc;
  --arc-label:#4a3218; --arc-value:#7a3d16; --arc-label-shadow:#ffffff90;
  --arc-sun:radial-gradient(circle at 40% 34%,#fff6d0,#ffd571 55%,#f4a83a 85%);
  --arc-sun-glow:0 0 22px #ffce7abb, 0 0 54px #ffce7a55;
}
#display-mode .day-arc__sky{position:absolute;inset:6% 4% 0;}
#display-mode .day-arc__path{position:absolute;inset:8% 0 0 0;border:2px dashed var(--arc-line);border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;}
#display-mode .day-arc__dots{position:absolute;inset:0;}
#display-mode .day-arc__dot{position:absolute;transform:translate(-50%,-50%);text-align:center;}
#display-mode .day-arc__dot i{display:block;width:clamp(6px,.85vw,9px);aspect-ratio:1;border-radius:50%;background:var(--arc-dot);border:1.5px solid var(--arc-dot-ring);margin:0 auto;box-shadow:0 2px 6px #00000038;}
#display-mode .day-arc__dlabel{font-size:clamp(6px,.8vw,8.5px);font-weight:700;color:var(--arc-label);margin-top:.15em;text-shadow:0 1px 5px var(--arc-label-shadow);white-space:nowrap;}
#display-mode .day-arc__dtime{font-size:clamp(7px,1vw,10px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--arc-value);text-shadow:0 1px 5px var(--arc-label-shadow);}
#display-mode .day-arc__sun{position:absolute;transform:translate(-50%,-50%);width:clamp(14px,2vw,22px);aspect-ratio:1;border-radius:50%;background:var(--arc-sun);box-shadow:var(--arc-sun-glow);}

/* ═══ 1. שחר במדבר יהודה — mockup id "midbar" ═══
   מקור: docs/design/theme-mockups/display-renders-4.html שורות 114-133.
   רמת אתר: nav/hero(.header)/card/tab — לא נגעתי ברקע הגוף/כרטיסים עצמם (שמירת ניגודיות).
   רמת קיוסק: #display-mode + dm2-* בלבד — סגנון מחדש, המבנה לא משתנה. */
html[data-theme="midbar"] .header,html[data-theme="midbar"] .header::before{border-color:#5c3a63;}
html[data-theme="midbar"] nav{border-color:#5c3a63;}
html[data-theme="midbar"] nav button{border-left-color:#5c3a63;}
html[data-theme="midbar"] nav button.active,html[data-theme="midbar"] nav button:hover{background:#5c3a63;color:#fff6e2;}
html[data-theme="midbar"] .card{border-color:#c96f56;}
html[data-theme="midbar"] .card-title{color:#5c3a63;}

html[data-theme="midbar"] #display-mode{
  background:linear-gradient(180deg,#1d2440 0%,#5c3a63 26%,#c96f56 52%,#e8b06a 72%,#f0d9a8 100%);
  color:#fdf6e8;
  --dm2-strong:#fff6e2; --dm2-text:#ffe9c8; --dm2-muted:#ffe3bd; --dm2-accent:#c96f56;
  --dm2-line:#ffffff30; --dm2-line-soft:#ffffff22;
  --dm2-panel-bg:#2a1d3a4a; --dm2-center-bg:transparent; --dm2-board-bg:#2a1d3a55;
  --dm2-strip-bg:rgba(201,111,86,.25);
}
html[data-theme="midbar"] #display-mode .dm2-header,
html[data-theme="midbar"] #display-mode .dm2-band-name,
html[data-theme="midbar"] #display-mode .dm-clock,
html[data-theme="midbar"] #display-mode .dm-parasha{font-family:'David Libre',serif;font-weight:700;}
html[data-theme="midbar"] #display-mode .dm-parasha,
html[data-theme="midbar"] #display-mode .dm-overline,
html[data-theme="midbar"] #display-mode .dm-c-time,
html[data-theme="midbar"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="midbar"] #display-mode .dm-z-time,
html[data-theme="midbar"] #display-mode .dc-kicker,
html[data-theme="midbar"] #display-mode .dc-date,
html[data-theme="midbar"] #display-mode .dc-sub,
html[data-theme="midbar"] #display-mode .dc-ttime,
html[data-theme="midbar"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="midbar"] #display-mode .dc-title,
html[data-theme="midbar"] #display-mode .dc-body,
html[data-theme="midbar"] #display-mode .dc-tlabel,
html[data-theme="midbar"] #display-mode .dc-sh-name,
html[data-theme="midbar"] #display-mode .dm-z-label,
html[data-theme="midbar"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* דיונות — אלמנט חתימה, עותק 1:1 מהמוקאפ (.dune/.d1/.d2), כפסאודו-אלמנט על הקונטיינר
   כדי לא לגעת במבנה ה-DOM של הקיוסק; נראה בפינות/רווחים השקופים סביב הפאנלים. */
html[data-theme="midbar"] #display-mode::before,
html[data-theme="midbar"] #display-mode::after{content:"";position:absolute;border-radius:50% 50% 0 0;z-index:1;pointer-events:none;}
html[data-theme="midbar"] #display-mode::before{width:90%;height:34%;bottom:-16%;right:-16%;background:#b98a4f;}
html[data-theme="midbar"] #display-mode::after{width:100%;height:30%;bottom:-16%;left:-22%;background:#8f6234;}

/* ═══ 2. כסף טהור — mockup id "kesef" ═══
   מקור: docs/design/theme-mockups/display-renders-4.html שורות 135-156.
   רמת אתר: nav/hero(.header)/card/tab — לא נגעתי ברקע הגוף/כרטיסים עצמם (שמירת ניגודיות). */
html[data-theme="kesef"] .header,html[data-theme="kesef"] .header::before{border-color:#101216;}
html[data-theme="kesef"] nav{border-color:#101216;}
html[data-theme="kesef"] nav button{border-left-color:#101216;}
html[data-theme="kesef"] nav button.active,html[data-theme="kesef"] nav button:hover{background:#101216;color:#f2f4f8;}
html[data-theme="kesef"] .card{border-color:#aab1bd;}
html[data-theme="kesef"] .card-title{color:#101216;}

html[data-theme="kesef"] #display-mode{
  background:radial-gradient(120% 110% at 50% -5%, #1b1d22 0%, #101216 55%, #0a0b0e 100%);
  color:#dfe3ea;
  --dm2-strong:#f2f4f8; --dm2-text:#dfe3ea; --dm2-muted:#9aa0ab; --dm2-accent:#c9ced8;
  --dm2-line:#ffffff20; --dm2-line-soft:#ffffff16;
  --dm2-panel-bg:#ffffff0a; --dm2-center-bg:#ffffff08; --dm2-board-bg:#101216;
  --dm2-strip-bg:rgba(170,177,189,.18);
}
/* מסגרת-תכשיט — עותק 1:1 של board::before (outline משני שכבות) */
html[data-theme="kesef"] #display-mode::before{content:"";position:absolute;inset:13px;border:1px solid #aab1bd66;outline:1px solid #aab1bd2a;outline-offset:6px;border-radius:6px;z-index:1;pointer-events:none;}
/* טקסט מתכתי — אלמנט חתימה, עותק 1:1 של shul-name/hero-time (background-clip:text) */
html[data-theme="kesef"] #display-mode .dm2-header,
html[data-theme="kesef"] #display-mode .dm2-band-name,
html[data-theme="kesef"] #display-mode .dm-clock,
html[data-theme="kesef"] #display-mode .dm-parasha{
  font-family:'Secular One',sans-serif;
  background:linear-gradient(105deg,#7c828d,#c9ced8 35%,#f2f4f8 50%,#aab1bd 65%,#7c828d);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="kesef"] #display-mode .dm-overline,
html[data-theme="kesef"] #display-mode .dm-c-time,
html[data-theme="kesef"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="kesef"] #display-mode .dm-z-time,
html[data-theme="kesef"] #display-mode .dc-kicker,
html[data-theme="kesef"] #display-mode .dc-date,
html[data-theme="kesef"] #display-mode .dc-sub,
html[data-theme="kesef"] #display-mode .dc-ttime,
html[data-theme="kesef"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="kesef"] #display-mode .dc-title,
html[data-theme="kesef"] #display-mode .dc-body,
html[data-theme="kesef"] #display-mode .dc-tlabel,
html[data-theme="kesef"] #display-mode .dc-sh-name,
html[data-theme="kesef"] #display-mode .dm-z-label,
html[data-theme="kesef"] #display-mode .dm-ann{color:var(--dm2-strong);}

/* ═══ 3. מגזרת נייר — mockup id "papercut" ═══
   מקור: docs/design/theme-mockups/display-renders-4.html שורות 202-220.
   הערה: במוקאפ הערכה משתמשת ב-var(--accent)/var(--accent-deep) פר-בית-כנסת
   (html[data-shul="ohel"]{--accent:#8B1A1A;--accent-deep:#5e0f0f}; html[data-shul="armon"]
   {--accent:#8a6d3b;--accent-deep:#5f4a24}). לאתר האמיתי אין data-shul, אז הצבעים
   כאן מגיעים דרך var(--theme-papercut-accent[-deep], <ברירת-מחדל אהל>) — שני
   המשתנים מוגדרים ב-:root של קובץ ה-index.html של כל אתר בנפרד (לא בקובץ
   המשותף הזה, כדי לשמור על זהות-בייט מלאה בין שני עותקי theme-styles.css דרך
   sync-shared.mjs); כך הקובץ המשותף נשאר אחד, וכל אתר מזין את הגוון שלו. הערך
   בברירת-המחדל (fallback) הוא זה של אהל דב, כדי לשמר בדיוק את ההתנהגות הקיימת
   באתר שכבר יושם ואומת שם אם אתר עתידי ישכח להגדיר את המשתנה.
   באטצ' ארמון (סבב זה): הוזנו ב---root של armon-yehuda/public/index.html
   --theme-papercut-accent:#8a6d3b; --theme-papercut-accent-deep:#5f4a24; (מהמוקאפ,
   data-shul="armon") — לא הועתקו ערכי אהל דב.
   רמת אתר: nav/hero(.header)/card/tab — accent זהה לקלאסי בכל אתר, לכן רק outline
   מקווקו (אלמנט החתימה של הערכה) משתנה, לא הצבע. */
html[data-theme="papercut"] .header{border-style:dashed;border-color:var(--theme-papercut-accent-deep,#5e0f0f);}
html[data-theme="papercut"] .header::before{border-style:dashed;border-color:var(--theme-papercut-accent-deep,#5e0f0f);}
html[data-theme="papercut"] nav{border-color:var(--theme-papercut-accent-deep,#5e0f0f);}
html[data-theme="papercut"] nav button{border-left-color:var(--theme-papercut-accent-deep,#5e0f0f);}
html[data-theme="papercut"] nav button.active,html[data-theme="papercut"] nav button:hover{background:var(--theme-papercut-accent,#8B1A1A);color:#fdfbf6;}
html[data-theme="papercut"] .card{border:1.5px dashed var(--theme-papercut-accent-deep,#5e0f0f);}
html[data-theme="papercut"] .card-title{color:var(--theme-papercut-accent-deep,#5e0f0f);}

html[data-theme="papercut"] #display-mode{
  background:linear-gradient(160deg,var(--theme-papercut-accent,#8B1A1A),var(--theme-papercut-accent-deep,#5e0f0f));
  color:#3a3630;
  --dm2-strong:var(--theme-papercut-accent-deep,#5e0f0f); --dm2-text:#3a3630; --dm2-muted:#7d766a; --dm2-accent:var(--theme-papercut-accent,#8B1A1A);
  --dm2-line:color-mix(in srgb, var(--theme-papercut-accent,#8B1A1A) 45%, transparent); --dm2-line-soft:color-mix(in srgb, var(--theme-papercut-accent,#8B1A1A) 25%, transparent);
  --dm2-panel-bg:#fdfbf6; --dm2-center-bg:#ffffff; --dm2-board-bg:#fdfbf6;
  --dm2-strip-bg:color-mix(in srgb, var(--theme-papercut-accent,#8B1A1A) 16%, transparent);
}
/* מגזרת-נייר — אלמנט חתימה, עותק 1:1 של הפרופורציות/הצללות מ-.board-inner/.clock-chip,
   מוחל על פאנלי הקיוסק עצמם (dm2-col/dm2-centercell) — מבנה ה-DOM לא משתנה. */
html[data-theme="papercut"] #display-mode .dm2-col,
html[data-theme="papercut"] #display-mode .dm2-centercell{
  outline:2px dashed color-mix(in srgb, var(--theme-papercut-accent,#8B1A1A) 55%, transparent); outline-offset:-10px;
  box-shadow:0 6px 0 -2px #ffffff5e, 0 12px 24px #00000030;
}
html[data-theme="papercut"] #display-mode .dm2-header,
html[data-theme="papercut"] #display-mode .dm2-band-name,
html[data-theme="papercut"] #display-mode .dm-clock,
html[data-theme="papercut"] #display-mode .dm-parasha{font-weight:900;}
/* תיקון ניגודיות (ראו גם migzeret-or, ערכה 13, לאותה תקלה בדיוק): אומת בדפדפן
   חי (getComputedStyle+parentElement chain על ה-DOM האמיתי, לא הנחה) —
   dm2-header הוא היחיד שיושב ישירות על גרדיאנט האדום החשוף (אח של dm2-body
   תחת dm2-root); dm-hebdate/dm-parasha אינם קיימים כלל ב-DOM של האתר הזה
   (סלקטורים-מתים, נשמרו לעקביות בלבד — ללא נזק). לעומת זאת dm2-band-name/
   dm-clock/dm-overline/dm-subclock/dm-c-label/dm-c-time מקוננים בפועל *תמיד*
   בתוך dm2-centermid/dm2-centercell (הפאנל הלבן) — הגרסה הקודמת הניחה בטעות
   שגם הם על האדום החשוף ונתנה להם קרם-בהיר, כלומר קרם-על-קרם/לבן: בלתי-קריא
   לגמרי (אומת גם חזותית — הצילום מסך לפני התיקון). */
/* קבוצה א׳: יושבים בתוך הפאנל הלבן — דיו-אקסנט כהה, תואם את שאר האלמנטים
   על נייר לבן (.dm-zmanim/.dm-annstrip/#dm-content). */
html[data-theme="papercut"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="papercut"] #display-mode .dm-z-time,
html[data-theme="papercut"] #display-mode .dc-kicker,
html[data-theme="papercut"] #display-mode .dc-date,
html[data-theme="papercut"] #display-mode .dc-sub,
html[data-theme="papercut"] #display-mode .dc-ttime,
html[data-theme="papercut"] #display-mode .dc-sh-meta,
html[data-theme="papercut"] #display-mode .dm-overline,
html[data-theme="papercut"] #display-mode .dm-subclock,
html[data-theme="papercut"] #display-mode .dm-c-label,
html[data-theme="papercut"] #display-mode .dm-c-time{color:var(--dm2-accent);}
html[data-theme="papercut"] #display-mode .dc-title,
html[data-theme="papercut"] #display-mode .dc-body,
html[data-theme="papercut"] #display-mode .dc-tlabel,
html[data-theme="papercut"] #display-mode .dc-sh-name,
html[data-theme="papercut"] #display-mode .dm-z-label,
html[data-theme="papercut"] #display-mode .dm-ann,
html[data-theme="papercut"] #display-mode .dm2-band-name,
html[data-theme="papercut"] #display-mode .dm-clock{color:var(--dm2-strong);}
html[data-theme="papercut"] #display-mode .dm-center.dm-countdown-mode .dm-clock,
html[data-theme="papercut"] #display-mode .dm-center.dm-ribi .dm-clock{color:var(--dm2-strong);}
/* קבוצה ב׳: dm2-header (+ dm-hebdate/dm-parasha המתים) — יושב ישירות על
   גרדיאנט האדום החשוף בפועל — דיו כהה עליו בלתי-קריא, לכן קרם בהיר. */
html[data-theme="papercut"] #display-mode .dm2-header,
html[data-theme="papercut"] #display-mode .dm-hebdate,
html[data-theme="papercut"] #display-mode .dm-parasha{color:#fdfbf6;}

/* ═══ 4. ניאון — mockup id "neon" ═══
   מקור: docs/design/theme-mockups/display-renders-4.html שורות 222-245.
   הערה זהה לפאפירקאט: var(--neon) פר-בית-כנסת במוקאפ (ohel=#ff5a6e; armon=#ffc24d).
   אין data-shul באתר האמיתי, אז הגוון מגיע דרך var(--theme-neon-glow, <ברירת-
   מחדל אהל>) — מוגדר ב---root של קובץ ה-index.html של כל אתר בנפרד (לא כאן, כדי
   לשמור על זהות-בייט מלאה של theme-styles.css דרך sync-shared.mjs), באותה שיטה
   בדיוק כמו --theme-papercut-accent[-deep] בערכה 3 לעיל. באטצ' ארמון (סבב זה):
   הוזן ב---root של armon-yehuda/public/index.html --theme-neon-glow:#ffc24d
   (מהמוקאפ, data-shul="armon") — לא הועתק ערך אהל דב.
   רמת אתר: nav/hero(.header)/card/tab — בחירה שמרנית וקריאה: מסגרת/טקסט כהים
   (#0c0e13, מגוון האתר הכהה במוקאפ) על הרקע הבהיר של האתר, וכפתור-לשונית פעיל
   בגוון הניאון של האתר עם טקסט כהה (הניגודיות הגבוהה ביותר מבין הצירופים במקור). */
html[data-theme="neon"] .header,html[data-theme="neon"] .header::before{border-color:#0c0e13;}
html[data-theme="neon"] nav{border-color:#0c0e13;}
html[data-theme="neon"] nav button{border-left-color:#0c0e13;}
html[data-theme="neon"] nav button.active,html[data-theme="neon"] nav button:hover{background:var(--theme-neon-glow,#ff5a6e);color:#0c0e13;}
html[data-theme="neon"] .card{border-color:#0c0e13;}
html[data-theme="neon"] .card-title{color:#0c0e13;}

html[data-theme="neon"] #display-mode{
  background:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 46px),#0c0e13;
  color:#e8ecf2;
  --dm2-strong:#fff; --dm2-text:#e8ecf2; --dm2-muted:#9aa4b5; --dm2-accent:#7df1ff;
  --dm2-line:#7df1ff55; --dm2-line-soft:#ffffff14;
  --dm2-panel-bg:#ffffff06; --dm2-center-bg:transparent; --dm2-board-bg:#0c0e13;
  --dm2-strip-bg:rgba(125,241,255,.14);
}
/* קווי סריקה (CRT) — עותק 1:1 של .scan, כפסאודו-אלמנט על הקונטיינר */
html[data-theme="neon"] #display-mode::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#00000018 4px 5px);}
@keyframes themeNeonBuzz{0%,100%{opacity:1}91%{opacity:1}92%{opacity:.6}93%{opacity:1}96%{opacity:.75}97%{opacity:1}}
/* זוהר ניאון — אלמנט חתימה, עותק 1:1 של shul-name/hero-time (text-shadow + הבהוב) */
html[data-theme="neon"] #display-mode .dm2-header,
html[data-theme="neon"] #display-mode .dm2-band-name,
html[data-theme="neon"] #display-mode .dm-clock,
html[data-theme="neon"] #display-mode .dm-parasha{
  font-family:'Secular One',sans-serif;color:#fff;
  text-shadow:0 0 4px #fff,0 0 14px var(--theme-neon-glow,#ff5a6e),0 0 34px var(--theme-neon-glow,#ff5a6e),0 0 60px color-mix(in srgb, var(--theme-neon-glow,#ff5a6e) 60%, transparent);
  animation:themeNeonBuzz 6s steps(1) infinite;
}
html[data-theme="neon"] #display-mode .dm-overline,
html[data-theme="neon"] #display-mode .dm-c-time,
html[data-theme="neon"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="neon"] #display-mode .dm-z-time,
html[data-theme="neon"] #display-mode .dc-kicker,
html[data-theme="neon"] #display-mode .dc-date,
html[data-theme="neon"] #display-mode .dc-sub,
html[data-theme="neon"] #display-mode .dc-ttime,
html[data-theme="neon"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="neon"] #display-mode .dc-title,
html[data-theme="neon"] #display-mode .dc-body,
html[data-theme="neon"] #display-mode .dc-tlabel,
html[data-theme="neon"] #display-mode .dc-sh-name,
html[data-theme="neon"] #display-mode .dm-z-label,
html[data-theme="neon"] #display-mode .dm-ann{color:var(--dm2-strong);}

/* ═══ 5. ליל כוכבים · מוצ"ש — mockup id "leil" ═══
   מקור: docs/design/theme-mockups/display-renders-4.html שורות 267-293.
   רמת אתר: nav/hero(.header)/card/tab — לא נגעתי ברקע הגוף/כרטיסים עצמם (שמירת ניגודיות). */
html[data-theme="leil"] .header,html[data-theme="leil"] .header::before{border-color:#17233f;}
html[data-theme="leil"] nav{border-color:#17233f;}
html[data-theme="leil"] nav button{border-left-color:#17233f;}
html[data-theme="leil"] nav button.active,html[data-theme="leil"] nav button:hover{background:#17233f;color:#f2f5fc;}
html[data-theme="leil"] .card{border-color:#17233f;}
html[data-theme="leil"] .card-title{color:#17233f;}

html[data-theme="leil"] #display-mode{
  background:
    radial-gradient(1.5px 1.5px at 14% 22%, #fffc 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 31% 9%, #fff9 55%, transparent 56%),
    radial-gradient(1.7px 1.7px at 47% 26%, #cfe0ffcc 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 66% 12%, #fffb 55%, transparent 56%),
    radial-gradient(1.6px 1.6px at 84% 21%, #cfe0ffbb 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 24% 44%, #ffffff77 55%, transparent 56%),
    radial-gradient(1.4px 1.4px at 76% 40%, #ffffff88 55%, transparent 56%),
    radial-gradient(130% 120% at 50% -12%, #17233f 0%, #0c1428 50%, #070b18 100%);
  color:#e6ecf7;
  --dm2-strong:#fff; --dm2-text:#e6ecf7; --dm2-muted:#9fadc9; --dm2-accent:#8fa0c0;
  --dm2-line:#ffffff22; --dm2-line-soft:#ffffff16;
  --dm2-panel-bg:#ffffff0c; --dm2-center-bg:transparent; --dm2-board-bg:#0c1428;
  --dm2-strip-bg:rgba(143,160,192,.16);
}
/* ירח — אלמנט חתימה, עותק 1:1 של .moon, כפסאודו-אלמנט על הקונטיינר */
html[data-theme="leil"] #display-mode::after{content:"";position:absolute;top:8%;inset-inline-end:7%;width:9%;aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%);box-shadow:inset -10px -6px 0 2px #b9b4a0aa, 0 0 44px #e9e4ce66;}
html[data-theme="leil"] #display-mode .dm2-header,
html[data-theme="leil"] #display-mode .dm2-band-name,
html[data-theme="leil"] #display-mode .dm-clock,
html[data-theme="leil"] #display-mode .dm-parasha{font-weight:300;letter-spacing:.05em;}
html[data-theme="leil"] #display-mode .dm-overline,
html[data-theme="leil"] #display-mode .dm-c-time,
html[data-theme="leil"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="leil"] #display-mode .dm-z-time,
html[data-theme="leil"] #display-mode .dc-kicker,
html[data-theme="leil"] #display-mode .dc-date,
html[data-theme="leil"] #display-mode .dc-sub,
html[data-theme="leil"] #display-mode .dc-ttime,
html[data-theme="leil"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="leil"] #display-mode .dc-title,
html[data-theme="leil"] #display-mode .dc-body,
html[data-theme="leil"] #display-mode .dc-tlabel,
html[data-theme="leil"] #display-mode .dc-sh-name,
html[data-theme="leil"] #display-mode .dm-z-label,
html[data-theme="leil"] #display-mode .dm-ann{color:var(--dm2-strong);}

/* ═══ 6. שני הלוחות — אבן וזהב — mockup id "luchot" ═══
   מקור: docs/design/theme-mockups/display-renders-3.html שורות 186-237.
   רמת אתר: nav/hero(.header)/card/tab — זהב-חרדל כהה (#8a6a1e, עצירת הגרדיאנט
   של .name/.htime במוקאפ) לבורדר, כותרת-כרטיס בגוון כהה יותר לניגודיות על לבן. */
html[data-theme="luchot"] .header,html[data-theme="luchot"] .header::before{border-color:#8a6a1e;}
html[data-theme="luchot"] nav{border-color:#8a6a1e;}
html[data-theme="luchot"] nav button{border-left-color:#8a6a1e;}
html[data-theme="luchot"] nav button.active,html[data-theme="luchot"] nav button:hover{background:#8a6a1e;color:#fdf6e8;}
html[data-theme="luchot"] .card{border-color:#8a6a1e;}
html[data-theme="luchot"] .card-title{color:#5f4a1e;}

html[data-theme="luchot"] #display-mode{
  background:
    repeating-linear-gradient(0deg, #00000026 0 3px, transparent 3px 26.5%),
    repeating-linear-gradient(90deg, #0000001c 0 3px, transparent 3px 24%),
    repeating-linear-gradient(90deg, #ffffff12 0 10px, transparent 10px 24%),
    linear-gradient(180deg,#cdbfa0 0%,#bcab87 55%,#a8966f 100%);
  color:#3d321d;
  --dm2-strong:#3a2e16; --dm2-text:#4a3c22; --dm2-muted:#5f5133; --dm2-accent:#8a6a1e;
  --dm2-line:#a5946c; --dm2-line-soft:#c3b28a;
  --dm2-panel-bg:linear-gradient(180deg,#e9dfc2 0%,#dbcda7 70%,#cfbf95 100%);
  --dm2-center-bg:transparent; --dm2-board-bg:#f4ecd2;
  --dm2-strip-bg:rgba(138,106,30,.18);
}
/* שני הלוחות — אלמנט חתימה, עותק 1:1 של .tablet (רקע/מסגרת/פינות מעוגלות בראש/צל)
   מוחל ישירות על עמודות הקיוסק האמיתיות (dm2-col) — הן *הופכות* ללוחות, בלי לגעת במבנה. */
html[data-theme="luchot"] #display-mode .dm2-col{
  background:linear-gradient(180deg,#e9dfc2 0%,#dbcda7 70%,#cfbf95 100%);
  border:1px solid #a5946c;
  border-radius:44% 44% 12px 12px / 17% 17% 12px 12px;
  box-shadow:0 18px 38px rgba(60,45,20,.38), inset 0 3px 0 #ffffffb0, inset 0 -10px 22px #00000018;
}
/* טקסט זהב חקוק — אלמנט חתימה, עותק 1:1 של .name/.htime (גרדיאנט זהב עם background-clip:text) */
html[data-theme="luchot"] #display-mode .dm2-header,
html[data-theme="luchot"] #display-mode .dm2-band-name,
html[data-theme="luchot"] #display-mode .dm-clock,
html[data-theme="luchot"] #display-mode .dm-parasha{
  font-family:'Suez One',serif;
  background:linear-gradient(180deg,#8a6a1e,#c9a233 45%,#f0d276 60%,#8a6a1e);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 1px 0 #fff8) drop-shadow(0 3px 8px #00000038);
}
html[data-theme="luchot"] #display-mode .dm-overline,
html[data-theme="luchot"] #display-mode .dm-c-time,
html[data-theme="luchot"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="luchot"] #display-mode .dm-z-time,
html[data-theme="luchot"] #display-mode .dc-kicker,
html[data-theme="luchot"] #display-mode .dc-date,
html[data-theme="luchot"] #display-mode .dc-sub,
html[data-theme="luchot"] #display-mode .dc-ttime,
html[data-theme="luchot"] #display-mode .dc-sh-meta{color:var(--dm2-accent);font-family:'David Libre',serif;}
html[data-theme="luchot"] #display-mode .dc-title,
html[data-theme="luchot"] #display-mode .dc-body,
html[data-theme="luchot"] #display-mode .dc-tlabel,
html[data-theme="luchot"] #display-mode .dc-sh-name,
html[data-theme="luchot"] #display-mode .dm-z-label,
html[data-theme="luchot"] #display-mode .dm-ann{color:var(--dm2-strong);font-family:'David Libre',serif;}
/* נר-הדלקה מרצד — עותק 1:1 של .flameL/@keyframes lflick, על אייקון הנרות האמיתי
   של מסך "הדלקת נרות" (dm2-candles-icon span, שני 🕯️ שכבר קיימים ב-DOM). */
html[data-theme="luchot"] #display-mode .dm2-candles-icon span{
  display:inline-block; filter:drop-shadow(0 2px 6px #00000040);
}
@media (prefers-reduced-motion:no-preference){
  html[data-theme="luchot"] #display-mode .dm2-candles-icon span{animation:themeLuchotFlicker 2.8s ease-in-out infinite;}
  @keyframes themeLuchotFlicker{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.05)}}
}

/* ═══ 7. מגילה — עצי חיים — mockup id "megila" ═══
   מקור: docs/design/theme-mockups/display-renders-3.html שורות 104-147.
   הערה זהה לפאפירקאט/ניאון: הערכה משתמשת ב-var(--accent-deep) פר-בית-כנסת
   במוקאפ (ohel:#8B1A1A/#5e0f0f; armon:#8a6d3b/#5f4a24). אין data-shul באתר
   האמיתי, אז שני הגוונים מגיעים דרך var(--theme-megila-accent[-deep], <ברירת-
   מחדל אהל>) — מוגדרים ב---root של קובץ ה-index.html של כל אתר בנפרד (לא כאן,
   כדי לשמור על זהות-בייט מלאה של theme-styles.css דרך sync-shared.mjs), באותה
   שיטה בדיוק כמו --theme-papercut-accent[-deep] בערכה 3 לעיל. באטצ' ארמון (סבב
   זה): הוזן ב---root של armon-yehuda/public/index.html
   --theme-megila-accent:#8a6d3b;--theme-megila-accent-deep:#5f4a24; (מהמוקאפ,
   data-shul="armon") — לא הועתקו ערכי אהל דב. --dm2-accent (משמש ל-dc-kicker/
   dm-c-time/וכו', הרחבה של DM2 שלא קיימת במוקאפ עצמו) עוקב אחרי אותו var(--accent)
   מאותה סיבה.
   רמת אתר: nav/hero(.header)/card/tab — יין-בורדו כהה (#3d1522, עצירת-הרקע
   הראשונה של הקיוסק במוקאפ) לבידול מהאדום שכבר תפוס ע"י קלאסי/פאפירקאט —
   קבוע, לא פר-בית-כנסת. */
html[data-theme="megila"] .header,html[data-theme="megila"] .header::before{border-color:#3d1522;}
html[data-theme="megila"] nav{border-color:#3d1522;}
html[data-theme="megila"] nav button{border-left-color:#3d1522;}
html[data-theme="megila"] nav button.active,html[data-theme="megila"] nav button:hover{background:#3d1522;color:#efe4c8;}
html[data-theme="megila"] .card{border-color:#3d1522;}
html[data-theme="megila"] .card-title{color:#3d1522;}

html[data-theme="megila"] #display-mode{
  background:radial-gradient(120% 105% at 50% 45%, #3d1522 0%, #240a13 62%, #16060c 100%);
  color:#312516;
  --dm2-strong:var(--theme-megila-accent-deep,#5e0f0f); --dm2-text:#312516; --dm2-muted:#6d5a3e; --dm2-accent:var(--theme-megila-accent,#8B1A1A);
  --dm2-line:#b7a077; --dm2-line-soft:#d8c9a3;
  --dm2-panel-bg:repeating-linear-gradient(0deg, rgba(120,95,55,.045) 0 2px, transparent 2px 6px), radial-gradient(110% 100% at 50% 0%, #f8f1de 0%, #efe4c8 60%, #e4d3ac 100%);
  --dm2-center-bg:repeating-linear-gradient(0deg, rgba(120,95,55,.045) 0 2px, transparent 2px 6px), radial-gradient(110% 100% at 50% 0%, #f8f1de 0%, #efe4c8 60%, #e4d3ac 100%);
  --dm2-board-bg:#f8f1de;
  --dm2-strip-bg:color-mix(in srgb, var(--theme-megila-accent,#8B1A1A) 14%, transparent);
}
/* הערה מבנית: ב-DM2 האמיתי dm-center/dm-corners יושבים *בתוך* dm2-centercell
   (בניגוד למוקאפ, שם הם צפים חופשי מעל לוח כהה שלם) — לכן הם יושבים על הקלף
   הבהיר, לא על היין הכהה של #display-mode. ה-color למעלה משקף זאת (דיו קלף
   #312516, לא קרם). הצבעים/הפונטים המפורשים כאן זהים ל-.name/.htime/.hlbl
   (יורשים var(--accent-deep) מ-.mid/.head במוקאפ, פונט Frank Ruhl Libre)
   ול-.hsub (#6d5a3e). */
html[data-theme="megila"] #display-mode .dm2-band-name,
html[data-theme="megila"] #display-mode .dm-parasha,
html[data-theme="megila"] #display-mode .dm-clock{color:var(--dm2-strong);font-family:'Frank Ruhl Libre',serif;font-weight:900;}
html[data-theme="megila"] #display-mode .dm-overline{color:var(--dm2-strong);font-family:'Frank Ruhl Libre',serif;}
html[data-theme="megila"] #display-mode .dm-subclock{color:var(--dm2-muted);}
html[data-theme="megila"] #display-mode .dm2-header,
html[data-theme="megila"] #display-mode .dm2-colhead{font-family:'Frank Ruhl Libre',serif;font-weight:700;}
/* קלף — אלמנט חתימה, עותק 1:1 של ה-vignette הפנימי של .parchment, על הפאנלים האמיתיים
   (dm2-col/dm2-centercell כבר מקבלים את רקע הקלף עצמו דרך --dm2-panel-bg/--dm2-center-bg). */
html[data-theme="megila"] #display-mode .dm2-col,
html[data-theme="megila"] #display-mode .dm2-centercell{
  box-shadow:inset 30px 0 34px -20px rgba(70,45,15,.55), inset -30px 0 34px -20px rgba(70,45,15,.55), 0 18px 46px rgba(0,0,0,.55);
}
html[data-theme="megila"] #display-mode .dm-c-time,
html[data-theme="megila"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="megila"] #display-mode .dm-z-time,
html[data-theme="megila"] #display-mode .dc-kicker,
html[data-theme="megila"] #display-mode .dc-date,
html[data-theme="megila"] #display-mode .dc-sub,
html[data-theme="megila"] #display-mode .dc-ttime,
html[data-theme="megila"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="megila"] #display-mode .dc-title,
html[data-theme="megila"] #display-mode .dc-body,
html[data-theme="megila"] #display-mode .dc-tlabel,
html[data-theme="megila"] #display-mode .dc-sh-name,
html[data-theme="megila"] #display-mode .dm-z-label,
html[data-theme="megila"] #display-mode .dm-ann{color:var(--dm2-strong);}
html[data-theme="megila"] #display-mode .dm-annstrip{border-top:1.5px dotted #b7a077;}
/* מוטות מגילה — אלמנט חתימה, עותק 1:1 של .roller (כולל היתוך שני מכסי-הקצה
   כשכבות רקע נוספות על אותו פסאודו-אלמנט, כי לפסאודו יש רק background אחד).
   ממוקם כמסגרת על קצוות המסך, מעל dm2-root (בניגוד לשאר הערכות שממקמות
   מאחוריו) כי כאן הפאנלים אטומים ולא היו חושפים רכיב שיושב מתחתם. */
html[data-theme="megila"] #display-mode::before,
html[data-theme="megila"] #display-mode::after{
  content:""; position:absolute; top:0; bottom:0; width:2.4%; z-index:3; pointer-events:none;
  background:
    radial-gradient(circle at 50% 3%, #8a5a2c, #4a2c12 70%) top/100% 6% no-repeat,
    radial-gradient(circle at 50% 97%, #8a5a2c, #4a2c12 70%) bottom/100% 6% no-repeat,
    linear-gradient(90deg,#2c1a0c 0%,#6e421e 26%,#c98a4a 50%,#6e421e 74%,#241408 100%);
  box-shadow:0 10px 30px #00000090, inset 0 0 12px #00000060;
}
html[data-theme="megila"] #display-mode::before{right:0;}
html[data-theme="megila"] #display-mode::after{left:0;}

/* ═══ 8. נר תמיד — קולנועי — mockup id "ner" ═══
   מקור: docs/design/theme-mockups/display-renders-3.html שורות 52-100.
   רמת אתר: nav/hero(.header)/card/tab — ברונזה כהה (#6e5225, עצירת הגרדיאנט
   של .chain במוקאפ) לבורדר, כפתור-לשונית פעיל בזהב-הלהבה (#c99a3e, עצירת
   האמצע של גרדיאנט .htime) עם טקסט כהה לניגודיות מרבית. */
html[data-theme="ner"] .header,html[data-theme="ner"] .header::before{border-color:#6e5225;}
html[data-theme="ner"] nav{border-color:#6e5225;}
html[data-theme="ner"] nav button{border-left-color:#6e5225;}
html[data-theme="ner"] nav button.active,html[data-theme="ner"] nav button:hover{background:#c99a3e;color:#241606;}
html[data-theme="ner"] .card{border-color:#6e5225;}
html[data-theme="ner"] .card-title{color:#5c3d10;}

html[data-theme="ner"] #display-mode{
  background:radial-gradient(85% 62% at 50% 16%, #3a2410 0%, #1c1108 46%, #0a0603 100%);
  color:#f2e6cf;
  --dm2-strong:#f7ead0; --dm2-text:#f2e6cf; --dm2-muted:#b39d74; --dm2-accent:#e9cf96;
  --dm2-line:#ffffff1c; --dm2-line-soft:#ffffff10;
  --dm2-panel-bg:#ffffff07; --dm2-center-bg:transparent; --dm2-board-bg:#1c1108;
  --dm2-strip-bg:rgba(233,207,150,.16);
}
/* פאנל זכוכית — עותק 1:1 של .panel (backdrop-filter:blur) */
html[data-theme="ner"] #display-mode .dm2-col,
html[data-theme="ner"] #display-mode .dm2-centercell{backdrop-filter:blur(4px);}
/* אש-זהב — אלמנט חתימה, עותק 1:1 של .htime (גרדיאנט זהב, background-clip:text)
   ומשקל .name (300). */
html[data-theme="ner"] #display-mode .dm2-header,
html[data-theme="ner"] #display-mode .dm2-band-name,
html[data-theme="ner"] #display-mode .dm-clock,
html[data-theme="ner"] #display-mode .dm-parasha{
  font-weight:300;
  background:linear-gradient(180deg,#fff6dc,#f2cf8a 55%,#c99a3e);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 4px 26px #ffb84d33);
}
html[data-theme="ner"] #display-mode .dm-overline,
html[data-theme="ner"] #display-mode .dm-c-time,
html[data-theme="ner"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="ner"] #display-mode .dm-z-time,
html[data-theme="ner"] #display-mode .dc-kicker,
html[data-theme="ner"] #display-mode .dc-date,
html[data-theme="ner"] #display-mode .dc-sub,
html[data-theme="ner"] #display-mode .dc-ttime,
html[data-theme="ner"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="ner"] #display-mode .dc-title,
html[data-theme="ner"] #display-mode .dc-body,
html[data-theme="ner"] #display-mode .dc-tlabel,
html[data-theme="ner"] #display-mode .dc-sh-name,
html[data-theme="ner"] #display-mode .dm-z-label,
html[data-theme="ner"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* נר תמיד תלוי — רכיב חתימה משותף (candle-flame, מוגדר בראש הקובץ) — חשיפה
   בלבד לערכה הזו; הפלטה שלו כבר תואמת (זו הערכה שהצבעים הועתקו ממנה). */
html[data-theme="ner"] #display-mode .candle-flame{display:block;}

/* ═══ 9. קיר השעונים — עץ — mockup id "kir-wood" ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 43-83 (.b-kir
   הבסיסי, גימור עץ — הרקע/הצבעים המשותפים לפני override הכסף).
   רמת אתר: nav/hero(.header)/card/tab — border מטון-העץ הכהה ביותר בטבעת
   השעון (#5f3a18, עצירה כהה ב-.clockwrap conic-gradient), כפתור-לשונית פעיל
   בטון-עץ בינוני (#8a5a2c, עצירת ה-.zrow border) עם טקסט קרם (#fdf9ee, רקע
   פני השעון) לניגודיות גבוהה. */
html[data-theme="kir-wood"] .header,html[data-theme="kir-wood"] .header::before{border-color:#5f3a18;}
html[data-theme="kir-wood"] nav{border-color:#5f3a18;}
html[data-theme="kir-wood"] nav button{border-left-color:#5f3a18;}
html[data-theme="kir-wood"] nav button.active,html[data-theme="kir-wood"] nav button:hover{background:#8a5a2c;color:#fdf9ee;}
html[data-theme="kir-wood"] .card{border-color:#5f3a18;}
html[data-theme="kir-wood"] .card-title{color:#4a2f14;}

html[data-theme="kir-wood"] #display-mode{
  background:
    repeating-linear-gradient(90deg, #00000014 0 2px, transparent 2px 96px),
    repeating-linear-gradient(90deg, #ffffff10 0 6px, transparent 6px 96px),
    repeating-linear-gradient(0deg, #00000008 0 1px, transparent 1px 7px),
    linear-gradient(180deg,#dcb887 0%,#caa06a 55%,#b98c55 100%);
  color:#3b2a17;
  --dm2-strong:#4a2f14; --dm2-text:#3b2a17; --dm2-muted:#6e5432; --dm2-accent:#8B1A1A;
  --dm2-line:#8a5a2c66; --dm2-line-soft:#8a5a2c33;
  --dm2-panel-bg:#fdf9eed9; --dm2-center-bg:#fdf9eed9; --dm2-board-bg:#fdf9ee;
  --dm2-strip-bg:rgba(139,26,26,.14);
}
html[data-theme="kir-wood"] #display-mode .dm2-header,
html[data-theme="kir-wood"] #display-mode .dm2-band-name,
html[data-theme="kir-wood"] #display-mode .dm-clock,
html[data-theme="kir-wood"] #display-mode .dm-parasha{font-family:'Frank Ruhl Libre',serif;font-weight:900;}
html[data-theme="kir-wood"] #display-mode .dm-overline,
html[data-theme="kir-wood"] #display-mode .dm-c-time,
html[data-theme="kir-wood"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="kir-wood"] #display-mode .dm-z-time,
html[data-theme="kir-wood"] #display-mode .dc-kicker,
html[data-theme="kir-wood"] #display-mode .dc-date,
html[data-theme="kir-wood"] #display-mode .dc-sub,
html[data-theme="kir-wood"] #display-mode .dc-ttime,
html[data-theme="kir-wood"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="kir-wood"] #display-mode .dc-title,
html[data-theme="kir-wood"] #display-mode .dc-body,
html[data-theme="kir-wood"] #display-mode .dc-tlabel,
html[data-theme="kir-wood"] #display-mode .dc-sh-name,
html[data-theme="kir-wood"] #display-mode .dm-z-label,
html[data-theme="kir-wood"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* קיר שעונים — רכיב חתימה משותף (clock-wall, מוגדר למעלה בקובץ) — חשיפה +
   ריפוד שמור על dm2-header האמיתי (לא נוגעים במיקום/גודל dm2-root/dm2-body;
   ה-top המדויק של clock-wall עצמו מחושב ב-JS מהמלבן של dm2-header). */
html[data-theme="kir-wood"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 12vh);}
html[data-theme="kir-wood"] #display-mode .clock-wall{display:block;}
@media (max-width:820px){
  html[data-theme="kir-wood"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 20vh);}
}

/* ═══ 10. קיר השעונים — כסף — mockup id "kir-kesef" ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 85-103
   (override על .b-kir הבסיסי) + שורה 431 (.clockface{color:#e6eaf1}, מוזרק
   ע"י ה-JS הפנימי של המוקאפ לגימור כסף). הערה: var(--accent) האדום (#8B1A1A)
   *לא* נדרס ע"י המוקאפ בגימור כסף — טבעת/תגית "הבא" נשארות אדומות גם כאן
   (ניגוד מכוון לכסף/אפור) — לכן --cw-tag-bg לא נדרס כאן, נשאר #8B1A1A.
   רמת אתר: nav/hero(.header)/card/tab — זהה ל"כסף טהור" (kesef) הקיים,
   אותה משפחת גרפיט/כסף, אותם ערכי-hex בדיוק (#101216/#aab1bd/#f2f4f8). */
html[data-theme="kir-kesef"] .header,html[data-theme="kir-kesef"] .header::before{border-color:#101216;}
html[data-theme="kir-kesef"] nav{border-color:#101216;}
html[data-theme="kir-kesef"] nav button{border-left-color:#101216;}
html[data-theme="kir-kesef"] nav button.active,html[data-theme="kir-kesef"] nav button:hover{background:#101216;color:#f2f4f8;}
html[data-theme="kir-kesef"] .card{border-color:#aab1bd;}
html[data-theme="kir-kesef"] .card-title{color:#101216;}

html[data-theme="kir-kesef"] #display-mode{
  background:
    repeating-linear-gradient(90deg, #ffffff07 0 2px, transparent 2px 96px),
    repeating-linear-gradient(0deg, #00000030 0 1px, transparent 1px 8px),
    linear-gradient(180deg,#23262c 0%,#17191e 55%,#101216 100%);
  color:#dfe3ea;
  --dm2-strong:#eef1f6; --dm2-text:#dfe3ea; --dm2-muted:#9aa0ab; --dm2-accent:#8B1A1A;
  --dm2-line:#aab1bd44; --dm2-line-soft:#aab1bd26;
  --dm2-panel-bg:#ffffff0a; --dm2-center-bg:#ffffff0a; --dm2-board-bg:#101216;
  --dm2-strip-bg:rgba(139,26,26,.14);
}
html[data-theme="kir-kesef"] #display-mode .dm2-header,
html[data-theme="kir-kesef"] #display-mode .dm2-band-name,
html[data-theme="kir-kesef"] #display-mode .dm-clock,
html[data-theme="kir-kesef"] #display-mode .dm-parasha{font-family:'Frank Ruhl Libre',serif;font-weight:900;}
html[data-theme="kir-kesef"] #display-mode .dm-overline,
html[data-theme="kir-kesef"] #display-mode .dm-c-time,
html[data-theme="kir-kesef"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="kir-kesef"] #display-mode .dm-z-time,
html[data-theme="kir-kesef"] #display-mode .dc-kicker,
html[data-theme="kir-kesef"] #display-mode .dc-date,
html[data-theme="kir-kesef"] #display-mode .dc-sub,
html[data-theme="kir-kesef"] #display-mode .dc-ttime,
html[data-theme="kir-kesef"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="kir-kesef"] #display-mode .dc-title,
html[data-theme="kir-kesef"] #display-mode .dc-body,
html[data-theme="kir-kesef"] #display-mode .dc-tlabel,
html[data-theme="kir-kesef"] #display-mode .dc-sh-name,
html[data-theme="kir-kesef"] #display-mode .dm-z-label,
html[data-theme="kir-kesef"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* קיר שעונים — כסף: אותו רכיב חתימה (clock-wall), רק פני-שעון/טבעת/צבעי טקסט
   כסופים דרך דריסת משתני ---cw-*; הטבעת האדומה סביב ה"הבא" נשארת ---cw-tag-bg
   כברירת המחדל (עקבי עם המוקאפ, שלא דרס את var(--accent) בגימור כסף). */
html[data-theme="kir-kesef"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 12vh);}
html[data-theme="kir-kesef"] #display-mode .clock-wall{
  display:block;
  --cw-face-bg:radial-gradient(circle at 38% 32%, #2b2f36, #1b1e24 78%);
  --cw-face-color:#e6eaf1;
  --cw-ring:conic-gradient(#7c828d,#e6eaf1,#7c828d,#4c515b,#c9ced8,#7c828d);
  --cw-ring-shadow:0 6px 16px #00000070, inset 0 0 5px #00000080;
  --cw-name-color:#c9ced8;
  --cw-time-color:#f2f4f8;
}
@media (max-width:820px){
  html[data-theme="kir-kesef"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 20vh);}
}

/* ═══ 11. קשת השמש — מסלול היום — mockup id "keshet" ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 193-219 (.b-kes).
   רמת אתר: nav/hero(.header)/card/tab — בחום-הענבר החם של תוויות הנקודות/
   השמש במוקאפ (#7a3d16, .dot .v ו-.sun::after) — הבחירה השמרנית והכי קריאה
   על רקע לבן האתר (המוקאפ הוא קיוסק-בלבד ברמה הזו). */
html[data-theme="keshet"] .header,html[data-theme="keshet"] .header::before{border-color:#7a3d16;}
html[data-theme="keshet"] nav{border-color:#7a3d16;}
html[data-theme="keshet"] nav button{border-left-color:#7a3d16;}
html[data-theme="keshet"] nav button.active,html[data-theme="keshet"] nav button:hover{background:#7a3d16;color:#fdf4dc;}
html[data-theme="keshet"] .card{border-color:#7a3d16;}
html[data-theme="keshet"] .card-title{color:#4a3218;}

html[data-theme="keshet"] #display-mode{
  background:
    linear-gradient(0deg, #b98a4f 0 12%, transparent 12%),
    linear-gradient(to left,
      #2a1a4a 0%, #7a3f68 10%, #e8955c 24%, #f4d9a0 36%,
      #a8d4e8 50%, #f4d9a0 64%, #e8955c 78%, #b04448 90%, #241543 100%);
  color:#3a2c18;
  --dm2-strong:#3a2410; --dm2-text:#3a2c18; --dm2-muted:#5c4426; --dm2-accent:#7a3d16;
  --dm2-line:#b9955f66; --dm2-line-soft:#b9955f33;
  --dm2-panel-bg:#fdf4dcd9; --dm2-center-bg:#fdf4dcd9; --dm2-board-bg:#fdf4dc;
  --dm2-strip-bg:rgba(122,61,22,.14);
}
html[data-theme="keshet"] #display-mode .dm2-header,
html[data-theme="keshet"] #display-mode .dm2-band-name,
html[data-theme="keshet"] #display-mode .dm-clock,
html[data-theme="keshet"] #display-mode .dm-parasha{font-family:'David Libre',serif;font-weight:700;text-shadow:0 1px 8px #ffffff70;}
html[data-theme="keshet"] #display-mode .dm-overline,
html[data-theme="keshet"] #display-mode .dm-c-time,
html[data-theme="keshet"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="keshet"] #display-mode .dm-z-time,
html[data-theme="keshet"] #display-mode .dc-kicker,
html[data-theme="keshet"] #display-mode .dc-date,
html[data-theme="keshet"] #display-mode .dc-sub,
html[data-theme="keshet"] #display-mode .dc-ttime,
html[data-theme="keshet"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="keshet"] #display-mode .dc-title,
html[data-theme="keshet"] #display-mode .dc-body,
html[data-theme="keshet"] #display-mode .dc-tlabel,
html[data-theme="keshet"] #display-mode .dc-sh-name,
html[data-theme="keshet"] #display-mode .dm-z-label,
html[data-theme="keshet"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* קשת השמש — רכיב חתימה משותף (day-arc, מוגדר למעלה בקובץ) — חשיפה + ריפוד
   שמור על dm2-header האמיתי, זהה בדיוק לתקציב הקיים (12vh/20vh) של kir-wood/
   kir-kesef ל-clock-wall (ראו הערת day-arc למעלה — לא הוגדל, כדי לא להחמיר
   את החפיפה הקיימת-מראש מול dm-subclock/dm-corners במצב-תצוגה 2). לא נוגעים
   במיקום/גודל dm2-root/dm2-body עצמם — ה-top/left של השמש/הנקודות עצמם
   מחושבים ב-JS יחסית לתיבת .day-arc__sky. */
html[data-theme="keshet"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 12vh);}
html[data-theme="keshet"] #display-mode .day-arc{display:block;}
@media (max-width:820px){
  html[data-theme="keshet"] #display-mode .dm2-header{padding-bottom:calc(.4vh + 20vh);}
  html[data-theme="keshet"] #display-mode .day-arc{height:20vh;}
}

/* ═══ 12. אשמורת — נר תמיד על ליל כוכבים — mockup id "ashmoret" ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 108-153 (.b-ash).
   רמת אתר: nav/hero(.header)/card/tab — זהב-הלהבה (#c99a3e, עצירת-האמצע של
   גרדיאנט .htime במוקאפ — אותה משפחת-צבע להבה בדיוק כמו ner) לבורדר/כפתור-
   לשונית פעיל, עם טקסט כהה (#131a30, עצירת השמיים הכהה) לניגודיות מרבית.
   כותרת-כרטיס בסגול-הלילה הכהה של השמיים (#2a2438, עצירת רקע .b-ash) לניגודיות
   גבוהה על לבן — מוקאפ קיוסק-בלבד ברמה הזו, בחירה שמרנית. */
html[data-theme="ashmoret"] .header,html[data-theme="ashmoret"] .header::before{border-color:#c99a3e;}
html[data-theme="ashmoret"] nav{border-color:#c99a3e;}
html[data-theme="ashmoret"] nav button{border-left-color:#c99a3e;}
html[data-theme="ashmoret"] nav button.active,html[data-theme="ashmoret"] nav button:hover{background:#c99a3e;color:#131a30;}
html[data-theme="ashmoret"] .card{border-color:#c99a3e;}
html[data-theme="ashmoret"] .card-title{color:#2a2438;}

html[data-theme="ashmoret"] #display-mode{
  background:
    radial-gradient(1.5px 1.5px at 14% 22%, #fffc 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 30% 9%, #fff9 55%, transparent 56%),
    radial-gradient(1.6px 1.6px at 47% 27%, #cfe0ffcc 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 68% 12%, #fffb 55%, transparent 56%),
    radial-gradient(1.6px 1.6px at 85% 22%, #cfe0ffbb 55%, transparent 56%),
    radial-gradient(1.2px 1.2px at 24% 46%, #ffffff70 55%, transparent 56%),
    radial-gradient(1.3px 1.3px at 78% 42%, #ffffff80 55%, transparent 56%),
    radial-gradient(90% 70% at 50% 14%, #2a2438 0%, #131a30 46%, #080c1a 100%);
  color:#e9ecf5;
  --dm2-strong:#f5ecd6; --dm2-text:#e9ecf5; --dm2-muted:#9aa3bd; --dm2-accent:#efd9a8;
  --dm2-line:#aebcff22; --dm2-line-soft:#aebcff14;
  --dm2-panel-bg:#8aa0ff0c; --dm2-center-bg:transparent; --dm2-board-bg:#131a30;
  --dm2-strip-bg:rgba(239,217,168,.16);
}
/* ירח — אלמנט חתימה, עותק 1:1 של .moon (רדיוס/מיקום/גרדיאנט/צל), כפסאודו-
   אלמנט על הקונטיינר. z-index:1 (מאחורי dm2-root, z-index:2) — כמו ב-leil;
   ה-z-index:2 של המוקאפ עצמו הוא הקשר-מקומי שלו בתוך ה-.board הסטטי (מעל
   .cone, מתחת ל-.lamp), לא רלוונטי למבנה dm2-root האמיתי. */
html[data-theme="ashmoret"] #display-mode::after{content:"";position:absolute;top:7%;inset-inline-end:6%;width:8%;aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%);box-shadow:inset -9px -5px 0 2px #b9b4a0aa, 0 0 40px #e9e4ce55;}
/* פאנל זכוכית — עותק 1:1 של .panel (background כבר דרך --dm2-panel-bg למעלה;
   border+backdrop-filter כאן ישירות על הפאנלים האמיתיים). */
html[data-theme="ashmoret"] #display-mode .dm2-col,
html[data-theme="ashmoret"] #display-mode .dm2-centercell{
  border:1px solid #aebcff22; backdrop-filter:blur(4px);
}
/* אש-זהב — אלמנט חתימה, עותק 1:1 של .htime (גרדיאנט זהב, background-clip:text)
   ומשקל .name (300) — זהה בדיוק לטיפול ב-ner (אותם ערכי-hex, אותו נר). */
html[data-theme="ashmoret"] #display-mode .dm2-header,
html[data-theme="ashmoret"] #display-mode .dm2-band-name,
html[data-theme="ashmoret"] #display-mode .dm-clock,
html[data-theme="ashmoret"] #display-mode .dm-parasha{
  font-weight:300;
  background:linear-gradient(180deg,#fff6dc,#f2cf8a 55%,#c99a3e);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 4px 26px #ffb84d30);
}
html[data-theme="ashmoret"] #display-mode .dm-overline,
html[data-theme="ashmoret"] #display-mode .dm-c-time,
html[data-theme="ashmoret"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="ashmoret"] #display-mode .dm-z-time,
html[data-theme="ashmoret"] #display-mode .dc-kicker,
html[data-theme="ashmoret"] #display-mode .dc-date,
html[data-theme="ashmoret"] #display-mode .dc-sub,
html[data-theme="ashmoret"] #display-mode .dc-ttime,
html[data-theme="ashmoret"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="ashmoret"] #display-mode .dc-title,
html[data-theme="ashmoret"] #display-mode .dc-body,
html[data-theme="ashmoret"] #display-mode .dc-tlabel,
html[data-theme="ashmoret"] #display-mode .dc-sh-name,
html[data-theme="ashmoret"] #display-mode .dm-z-label,
html[data-theme="ashmoret"] #display-mode .dm-ann{color:var(--dm2-strong);}
/* נר תמיד תלוי — רכיב חתימה משותף (candle-flame, מוגדר בראש הקובץ) — חשיפה
   בלבד, לפי הנחיית המשימה (שימוש חוזר ברכיב הקיים, לא בנייה מחדש). ברירות
   המחדל של --candle-* כבר תואמות 1:1: .b-ash .vessel/.flame במוקאפ הזה
   משתמשים באותם ערכי-hex בדיוק כמו .b-ner במוקאפ המקורי של ner. */
html[data-theme="ashmoret"] #display-mode .candle-flame{display:block;}

/* ═══ 13. מגזרת אור — מגזרת נייר מוארת — mockup id "migzeret" (המשימה קוראת
   לכך "migzeret-or"; המזהה הפנימי של המוקאפ עצמו הוא "migzeret") ═══
   מקור: docs/design/theme-mockups/display-renders-5.html שורות 155-188 (.b-mig).
   הערה זהה לפאפירקאט/ניאון/מגילה: הערכה משתמשת ב-var(--glow)/var(--accent)/
   var(--accent-deep) פר-בית-כנסת במוקאפ (ohel: --accent:#8B1A1A;
   --accent-deep:#5e0f0f;--glow:#ff5a6e; armon: --accent:#8a6d3b;
   --accent-deep:#5f4a24;--glow:#ffc24d). אין data-shul באתר האמיתי, אז שלושת
   הגוונים מגיעים דרך var(--theme-migzeret-accent[-deep]/-glow, <ברירת-מחדל
   אהל>) — מוגדרים ב---root של קובץ ה-index.html של כל אתר בנפרד (לא כאן, כדי
   לשמור על זהות-בייט מלאה של theme-styles.css דרך sync-shared.mjs), באותה
   שיטה בדיוק כמו --theme-papercut-accent[-deep] בערכה 3 לעיל. באטצ' ארמון
   (סבב זה): הוזן ב---root של armon-yehuda/public/index.html
   --theme-migzeret-accent:#8a6d3b;--theme-migzeret-accent-deep:#5f4a24;
   --theme-migzeret-glow:#ffc24d; (מהמוקאפ, data-shul="armon") — לא הועתקו
   ערכי אהל דב. --dm2-line/--dm2-line-soft (במקור #8B1A1A45/#8B1A1A25, כלומר
   אלפא הקסה 0x45=69/255≈27.06% ו-0x25=37/255≈14.51% על גבי --accent) הומרו
   ל-color-mix עם אותם אחוזי-אלפא מדויקים כדי לשמר בדיוק את הגוון הקיים באהל
   דב (אפס שינוי חזותי שם).
   רמת אתר: nav/hero(.header)/card/tab — בורדר ב-var(--accent-deep) של הבית-
   כנסת (#5e0f0f/#8a6d3b בהתאמה, צבע .name/.rows .val במוקאפ), כפתור-לשונית
   פעיל בזוהר-הניאון עצמו (var(--glow) המחושב) עם טקסט כהה לניגודיות מרבית. */
html[data-theme="migzeret-or"] .header,html[data-theme="migzeret-or"] .header::before{border-color:var(--theme-migzeret-accent-deep,#5e0f0f);}
html[data-theme="migzeret-or"] nav{border-color:var(--theme-migzeret-accent-deep,#5e0f0f);}
html[data-theme="migzeret-or"] nav button{border-left-color:var(--theme-migzeret-accent-deep,#5e0f0f);}
html[data-theme="migzeret-or"] nav button.active,html[data-theme="migzeret-or"] nav button:hover{background:var(--theme-migzeret-glow,#ff5a6e);color:#1c0f14;}
html[data-theme="migzeret-or"] .card{border-color:var(--theme-migzeret-accent-deep,#5e0f0f);}
html[data-theme="migzeret-or"] .card-title{color:var(--theme-migzeret-accent-deep,#5e0f0f);}

html[data-theme="migzeret-or"] #display-mode{
  background:radial-gradient(110% 100% at 50% 45%, #191325 0%, #0e0a16 62%, #090612 100%);
  color:#3a3630;
  --dm2-strong:var(--theme-migzeret-accent-deep,#5e0f0f); --dm2-text:#3a3630; --dm2-muted:#7d766a; --dm2-accent:var(--theme-migzeret-accent,#8B1A1A);
  --dm2-line:color-mix(in srgb, var(--theme-migzeret-accent,#8B1A1A) 27.06%, transparent); --dm2-line-soft:color-mix(in srgb, var(--theme-migzeret-accent,#8B1A1A) 14.51%, transparent);
  --dm2-panel-bg:#fdfbf6; --dm2-center-bg:#fdfbf6; --dm2-board-bg:#fdfbf6;
  --dm2-strip-bg:color-mix(in srgb, var(--theme-migzeret-accent,#8B1A1A) 16%, transparent);
}
/* מגזרת נייר מוארת — אלמנט חתימה, עותק 1:1 של .paper (רקע נייר לבן + זוהר-
   ניאון כפול מאחור דרך color-mix + קו מקווקו פנימי, כולל color-mix(in srgb, ...)
   בדיוק כמו במוקאפ — var(--glow) המקורי מגיע כאן דרך var(--theme-migzeret-glow,
   <ברירת-מחדל אהל>), ראו הערת ערכה 13 למעלה), מוחל על הפאנלים האמיתיים
   (dm2-col/dm2-centercell) — הן *הופכות* לניירות-הגזורות הזוהרים, בלי לגעת
   במבנה. */
html[data-theme="migzeret-or"] #display-mode .dm2-col,
html[data-theme="migzeret-or"] #display-mode .dm2-centercell{
  border-radius:18px;
  box-shadow:
    0 0 46px color-mix(in srgb, var(--theme-migzeret-glow,#ff5a6e) 42%, transparent),
    0 0 110px color-mix(in srgb, var(--theme-migzeret-glow,#ff5a6e) 22%, transparent),
    0 10px 0 -4px #ffffff52, 0 20px 0 -8px #ffffff26;
  outline:2px dashed color-mix(in srgb, var(--theme-migzeret-glow,#ff5a6e) 60%, #fff); outline-offset:-13px;
}
/* הערה מבנית (אומתה בדפדפן חי, DOM אמיתי — לא הנחה): dm2-header הוא ילד ישיר
   של dm2-root (אח של dm2-body) — יושב תמיד ישירות על הסגול הכהה החשוף.
   לעומת זאת dm2-band-name/dm-clock/dm-overline/dm-subclock/dm-c-label/
   dm-c-time מקוננים בפועל *תמיד* בתוך dm2-centermid/dm2-centercell (אומת:
   dm2-centercell>dm2-band>dm2-band-name; dm2-centercell>dm2-centermid>
   dm-center>dm-clock/dm-overline/dm-subclock; dm2-centercell>dm2-centermid>
   dm-corners>dm-corner>dm-c-label/dm-c-time — בכל מצבי המסך, לא רק באחד) —
   כלומר תמיד על הנייר הלבן, לא על הרקע. .dm-parasha/.dm-hebdate אינם קיימים
   כלל ב-DOM של האתר הזה (רק שם-סלקטור מוסכם מהערכות האחרות) — נשמרו כאן
   לעקביות בלבד, ללא נזק. */
html[data-theme="migzeret-or"] #display-mode .dm2-header,
html[data-theme="migzeret-or"] #display-mode .dm-hebdate,
html[data-theme="migzeret-or"] #display-mode .dm-parasha,
html[data-theme="migzeret-or"] #display-mode .dm2-band-name,
html[data-theme="migzeret-or"] #display-mode .dm-clock{
  font-family:'Frank Ruhl Libre',serif;font-weight:900;
  text-shadow:0 0 22px color-mix(in srgb, var(--theme-migzeret-glow,#ff5a6e) 34%, transparent);
}
/* קבוצה א׳ — dm2-header (+ .dm-hebdate/.dm-parasha המתים): על הסגול הכהה
   החשוף בפועל, לכן קרם-נייר בהיר (כמו papercut). */
html[data-theme="migzeret-or"] #display-mode .dm2-header,
html[data-theme="migzeret-or"] #display-mode .dm-hebdate,
html[data-theme="migzeret-or"] #display-mode .dm-parasha{color:#fdfbf6;}
/* קבוצה ב׳ — dm2-band-name/dm-clock: מקוננים בתוך הנייר הלבן, לכן דיו כהה +
   אותו זוהר-ניאון, בדיוק כמו .name במוקאפ (color:var(--accent-deep) +
   text-shadow זוהר). */
html[data-theme="migzeret-or"] #display-mode .dm2-band-name,
html[data-theme="migzeret-or"] #display-mode .dm-clock{color:var(--dm2-strong);}
/* קבוצה ג׳ — dm-overline/dm-subclock/dm-c-label/dm-c-time: מקוננים אף הם
   תמיד בתוך הנייר הלבן (אומת ב-DOM) — דיו-אקסנט כהה כמו .grid h2 במוקאפ,
   בלי הזוהר (זהה למוקאפ, שגם שם ל-h2 אין glow, רק ל-.name). יחד עם שאר
   הפאנל הלבן הקבוע (dm-zmanim/.dm-annstrip/#dm-content, שיש להם רקע בהיר
   קבוע משלהם בבסיס האתר, ללא תלות בערכה) — דיו כהה קריא בכל המקרים. */
html[data-theme="migzeret-or"] #display-mode .dm-overline,
html[data-theme="migzeret-or"] #display-mode .dm-subclock,
html[data-theme="migzeret-or"] #display-mode .dm-c-label,
html[data-theme="migzeret-or"] #display-mode .dm-c-time,
html[data-theme="migzeret-or"] #display-mode .dm-z-row.next .dm-z-label,
html[data-theme="migzeret-or"] #display-mode .dm-z-time,
html[data-theme="migzeret-or"] #display-mode .dc-kicker,
html[data-theme="migzeret-or"] #display-mode .dc-date,
html[data-theme="migzeret-or"] #display-mode .dc-sub,
html[data-theme="migzeret-or"] #display-mode .dc-ttime,
html[data-theme="migzeret-or"] #display-mode .dc-sh-meta{color:var(--dm2-accent);}
html[data-theme="migzeret-or"] #display-mode .dc-title,
html[data-theme="migzeret-or"] #display-mode .dc-body,
html[data-theme="migzeret-or"] #display-mode .dc-tlabel,
html[data-theme="migzeret-or"] #display-mode .dc-sh-name,
html[data-theme="migzeret-or"] #display-mode .dm-z-label,
html[data-theme="migzeret-or"] #display-mode .dm-ann{color:var(--dm2-strong);}
html[data-theme="migzeret-or"] #display-mode .dm-center.dm-countdown-mode .dm-clock,
html[data-theme="migzeret-or"] #display-mode .dm-center.dm-ribi .dm-clock{color:var(--dm2-strong);}