/* ═══════════════════════════════════════════════════════════════════════════════════════════════
   design-tokens.css — מקור-העיצוב היחיד של המשחק  [2026-09-27, בקשת-משתמש: "מנוע של עיצוב מקור — שכל אלמנט במשחק
   יתחבר אליו; שינוי בקובץ הזה ישפיע על כל החלונות... לפי סוג דף, סוג טקסט; שלא יהיו אלמנטים יתומים"]

   כל צבע / גודל-טקסט / גופן / ריווח / מסגרת / צל / תמונת-רכיב בממשק מגיע מכאן. שום קובץ אחר לא מגדיר ערך קבוע —
   `node tools/design-audit.js` נכשל אם נמצא ערך "יתום" מחוץ לקובץ הזה.

   [2026-09-27, הכרעת-משתמש: "להוריד את העיצוב הבהיר — עיצוב אחד משולב, בהיר וכהה, שלא יהיה יותר מדי מאחד"]
   עיצוב אחד, משולב, בשני סוגי-משטח:
     • מסגרת כהה (‏surface-dark‏): רקע הדף, הסרגל העליון, תפריט-הצד, מסגרות החלונות ופס-הכותרת, הכפתורים.
     • תוכן בהיר (‏surface-light‏ — קלף/שנהב): גוף החלונות, המדריך, בועות-העזרה, הפאנלים הצפים.
   כל אזור מקבל את סט-הטוקנים שלו (משתני-CSS יורשים) — כל טקסט/טבלה/צבע-מצב בתוכו מתאים את עצמו.
   המפות עצמן (עולם/יבשת/עיר) הן ציור ואינן תלויות בטוקנים.
   ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ────────────────────────────── משטח כהה (המסגרת) ──────────────────────────────
   צפחה-כחלחלה עמוקה עם הדגשות ענבר-זהב וכחול-רוני. */
:root, .surface-dark, .theme-dark, .alp-drawer-head, .overlay-panel .overlay-box > h2, .overlay-panel .overlay-box > .overlay-head {
  color-scheme: dark;
  --surface-page: #161b26;       /* רקע הדף והמסכים */
  --surface-sunken: #11151d;     /* שקוע: שדות על רקע כהה, רשימות */
  --surface-panel: #1f2534;      /* סרגלים ולוחות כהים */
  --surface-raised: #283045;     /* פס-כותרת, שורה מודגשת */
  --surface-hover: #313a52;      /* ריחוף / נבחר */
  --surface-inverse: #efe6d2;    /* משטח הפוך */
  --surface-scrim: rgba(8, 10, 16, .72);
  --text-strong: #f5efe2;  --text-body: #ddd6c6;  --text-muted: #a9adb8;  --text-faint: #7e8596;
  --text-accent: #f2c464;  --text-link: #f2c464;  --text-on-accent: #1a1406;  --text-on-status: #ffffff;
  --line-subtle: #2b3345;  --line: #3a4459;  --line-strong: #56607a;  --line-accent: #c9974a;  --ink: #0a0d13;
  --accent: #f0b43c;  --accent-hover: #f7c35a;  --accent-soft: rgba(240, 180, 60, .14);
  --status-positive: #6fd394;  --status-positive-fill: #2f7d4a;
  --status-negative: #f07e70;  --status-negative-fill: #b8392a;
  --status-warning: #f2a44f;   --status-warning-fill: #a8620f;
  --status-info: #82bcff;      --status-info-fill: #2f5fb4;
  --status-special: #bda2ff;   --status-special-fill: #6b4bb5;
  --shadow-color: #0a0d13;
  --shadow-button: 3px 3px 0 var(--ink); --shadow-button-hover: 4px 4px 0 var(--ink); --shadow-button-press: 1px 1px 0 var(--ink);
  --shadow-window: 0 18px 50px rgba(0, 0, 0, .55); --shadow-float: 0 8px 24px rgba(0, 0, 0, .45);
  /* רקע הדף: שכבת-עומק מעל הטקסטורה (הילה כחולה עדינה במרכז, כהה בשוליים) — "שהכל ייראה יותר טוב" */
  --page-glow: radial-gradient(ellipse at 50% 30%, rgba(70, 110, 170, .18), transparent 60%), radial-gradient(ellipse at 50% 120%, rgba(0, 0, 0, .45), transparent 55%);
}

/* ────────────────────────────── משטח בהיר (התוכן) ──────────────────────────────
   קלף-שנהב חם (לא לבן), דיו כהה, זהב וכחול-מלכותי. נקרא בנוחות גם בטקסטים ארוכים. */
.surface-light, .overlay-panel .overlay-box, .ws-card, .alp-card, .alp-drawer-body, .shop-card, .tut-panel, .tutorial-panel, #tutorial-panel, .game-tip, .hub-float .chf-body, .found-hover-panel {
  color-scheme: light;
  --surface-page: #ebe2cd;
  --surface-sunken: #e2d7bf;
  --surface-panel: #f3ebda;
  --surface-raised: #e9dfc9;
  --surface-hover: #e0d4b8;
  --surface-inverse: #2b2519;
  --text-strong: #231c11;  --text-body: #3b3223;  --text-muted: #6a5d47;  --text-faint: #8c7f68;
  --text-accent: #8a5f12;  --text-link: #2f55b4;  --text-on-accent: #ffffff;  --text-on-status: #ffffff;
  --line-subtle: #dccfb3;  --line: #cbb994;  --line-strong: #b39c6c;  --line-accent: #b8923f;  --ink: #5b4a2c;
  --accent: #2f55b4;  --accent-hover: #3a63c8;  --accent-soft: rgba(47, 85, 180, .12);
  --status-positive: #2b7a4b;  --status-positive-fill: #2e7d4f;
  --status-negative: #ac3627;  --status-negative-fill: #b0392b;
  --status-warning: #9a5a0c;   --status-warning-fill: #b86e12;
  --status-info: #2f55b4;      --status-info-fill: #2f55b4;
  --status-special: #6b4bb5;   --status-special-fill: #6b4bb5;
  --shadow-color: #5b4a2c;
  --shadow-float: 0 4px 14px rgba(60, 48, 26, .18);
}

/* טקסט על כפתורים/רכיבים מצוירים (תמיד כהים) — לא משתנה לפי המשטח */
:root {
  --kit-text: #f5efe2; --kit-text-muted: #c9c2b2; --kit-text-accent: #f2c464;
  --kit-field-text: #231c11; --kit-field-placeholder: #8c7f68; /* טקסט בתוך שדה-קלף */
  /* [2026-09-29] ריחוף/לחיצה בכפתורים ריבועיים: אותה תמונה + זוהר (תמונות-הריחוף מהגיליון היו בגודל אחר ועם שאריות) */
  --kit-sq-hover: brightness(1.18) drop-shadow(0 0 4px rgba(255, 196, 80, .75)); --kit-sq-press: brightness(.85);
  --win-h: min(88vh, 900px); /* [2026-09-29] גובה קבוע לחלונות עם לשוניות — לא קופץ במעבר לשונית */
}

/* ────────────────────────────── טיפוגרפיה, מידות, צורה (משותף) ────────────────────────────── */
:root, .surface-dark, .theme-dark, .alp-drawer-head, .overlay-panel .overlay-box > h2, .overlay-panel .overlay-box > .overlay-head, .surface-light, .overlay-panel .overlay-box, .tut-panel, .tutorial-panel, #tutorial-panel, .game-tip, .hub-float .chf-body, .found-hover-panel {
  /* גופנים — לפי סוג טקסט */
  --font-body: 'Assistant', 'Heebo', system-ui, sans-serif;      /* כל טקסט רגיל */
  --font-display: 'Assistant', 'Heebo', system-ui, sans-serif;   /* כותרות חלון ומסך */
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;         /* מספרים, משאבים, זמנים */
  --font-serif: 'Frank Ruhl Libre', 'Times New Roman', serif;      /* כותרות דף-הנחיתה בלבד */

  /* סולם גדלים (8 דרגות). מינימום 12px — טקסט קטן מזה לא קריא */
  --fs-3xs: 11px;   /* בועות זעירות בלבד (קצב-משאב בסרגל העליון) */
  --fs-2xs: 12px;   /* תגיות */
  --fs-xs: 12.5px;  /* הערות */
  --fs-sm: 13.5px;  /* טקסט משני, טבלאות */
  --fs-md: 15px;    /* טקסט רגיל */
  --fs-lg: 17px;    /* כותרת מקטע */
  --fs-xl: 20px;    /* כותרת חלון */
  --fs-2xl: 24px;   /* כותרת מסך */
  --fs-3xl: 32px;   /* כותרת ראשית */
  --fs-display: clamp(32px, 4.4vw, 58px);  /* כותרת דף-הנחיתה */
  --fs-display-sm: clamp(24px, 3.6vw, 42px); /* כותרת מסך רחב */

  --fw-regular: 400; --fw-medium: 600; --fw-bold: 700; --fw-heavy: 800;
  --lh-tight: 1.25; --lh-body: 1.5;

  /* ריווח (רשת 4/8) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* צורה */
  --radius: 0px;           /* פינות חדות */
  --radius-pill: 0px;
  --radius-bubble: 7px;    /* בועה צפה (קצב-משאב) */
  --bw: 1px;               /* קו רגיל */
  --bw-strong: 2px;        /* מסגרת כפתור/חלון */
  --wf-desc-w: 220px;     /* טבלת תפקידי-אזרחים: רוחב התיאור (דסקטופ) */
  /* [2026-09-30] תוכנית-עיצוב למחשב: סרגל עליון, זהות, תפריט-צד, תפריט-משחק */
  --hud-city-w-narrow: 96px;
  --hud-bar-h: 52px; --hud-avatar: 38px; --hud-ctl-h: 32px; --hud-name-w: 140px; --hud-city-w: 160px;
  --side-item-h: 40px; --side-active-w: 3px;
  --gm-min-w: 200px; --gm-max-w: 320px; --gm-item-h: 34px;
  --corner-gap: 20px;
  --img-hero-avatar: url(/assets/design/icons/hero-base.png); /* אווטאר בסרגל העליון — קובץ להחלפה (למשל דיוקן ייעודי) */
  --tut-panel-w: 320px; /* מגירת-המדריך */
  --res-input-w: 132px; /* שדה-כמות בשורת-משאב (כולל קישוטי-הקצה) */
  --tut-drawer-top: 72%; /* מתחת ללשונית רשימת-המבנים (50%) בקצה השמאלי */
  --win-s: 560px; --win-m: 760px; --win-l: 1040px; /* רוחבי חלונות קבועים */

  /* ── 5. רכיבים — כל רכיב נשען רק על התפקידים למעלה ── */
  --btn-primary-bg: var(--accent);        --btn-primary-text: var(--text-on-accent);
  --btn-secondary-bg: transparent;        --btn-secondary-text: var(--text-body);  --btn-secondary-line: var(--line-strong);
  --btn-danger-bg: var(--status-negative-fill); --btn-danger-text: var(--text-on-status);
  --btn-line: var(--ink);
  --window-bg: var(--surface-panel);      --window-head-bg: var(--surface-raised);  --window-line: var(--ink);
  --tab-bg: var(--surface-sunken);        --tab-text: var(--text-muted);   --tab-active-bg: var(--accent);  --tab-active-text: var(--text-on-accent);
  --field-bg: var(--surface-sunken);      --field-text: var(--text-strong); --field-line: var(--line);   --field-focus: var(--accent);
  --hud-bg: var(--surface-panel);         --hud-chip-bg: var(--surface-sunken); --hud-chip-line: var(--line);
  --table-head-bg: var(--surface-raised); --table-line: var(--line-subtle);

  /* ── 6. שמות ישנים → תפקידים (הקוד הקיים משתמש בהם; כך גם הוא מחובר למקור) ── */
  --u-bg: var(--surface-page); --u-surface: var(--surface-panel); --u-surface-2: var(--surface-raised);
  --u-accent: var(--accent); --u-text: var(--text-body); --u-mute: var(--text-muted); --u-ink: var(--ink);
  --u-danger: var(--status-negative-fill); --u-line: var(--line-subtle); --u-r: var(--radius); --u-shadow: var(--shadow-button);
  --void: var(--surface-page); --void-2: var(--surface-page); --panel: var(--surface-panel); --panel-line: var(--line);
  --surface-1: var(--surface-page); --surface-2: var(--surface-panel); --surface-3: var(--surface-raised);
  --border: var(--line); --border-dim: var(--line-subtle);
  --text-primary: var(--text-strong); --text-secondary: var(--text-muted);
  --sovereign: var(--text-accent); --telemetry: var(--text-accent); --telemetry-dim: var(--line-accent);
  --hazard: var(--status-warning); --success: var(--status-positive); --danger: var(--status-negative);
}

/* ────────────────────────────── 7. ערכת-ממשק מצוירת (UI kit) — תמונות לכל רכיב, לפי עיצוב ──────────────────────────────
   [2026-09-27, בקשת-משתמש: "במקום קווי CSS — עיצובים מיועדים מראש לבהיר ולכהה; ספרייטים של רגיל/HOVER/לחיצה; כל האלמנטים
   מוגדרים בקובץ הראשי"]. פרומפטים: Upload/empire-art-v4 → 05-ui-kit-prompts.txt (U01…U09, D=כהה, L=בהיר).
   כל טוקן = תמונה (url) או none. none = הרכיב מצויר ב-CSS כמו היום. התקנה = קבצים ב-assets/design/ui-kit/<theme>/ + ערך כאן.
   --slice-*: חיתוך 9-slice/3-slice של התמונה (פיקסלים בתמונה המקורית), --img-edge-*: עובי השוליים המצוירים על המסך. */
:root, .theme-dark {
  /* ערכת-ממשק כהה — הותקנה 2026-09-27 (U01D–U09D). --kit-ready: 1 = שכבת-הערכה ב-ui-flat.css פעילה בעיצוב הזה.
     [2026-09-27, בקשת-משתמש: "קצה שמאל ותמונה נפרדת לקצה ימין, והאמצע נמתח — בלי לכווץ"] רכיב אופקי = 3 קבצים:
     -l (קצה שמאל) / -r (קצה ימין) — נשמרים ביחס המקורי לפי גובה הרכיב; -m (רצועת-אמצע) — נמתחת לרוחב בלבד. */
  --kit-ready: 1;
  --img-btn-primary-l: url(/assets/design/ui-kit/dark/3/btn-primary-l.webp); --img-btn-primary-m: url(/assets/design/ui-kit/dark/3/btn-primary-m.webp); --img-btn-primary-r: url(/assets/design/ui-kit/dark/3/btn-primary-r.webp);
  --img-btn-primary-hover-l: url(/assets/design/ui-kit/dark/3/btn-primary-hover-l.webp); --img-btn-primary-hover-m: url(/assets/design/ui-kit/dark/3/btn-primary-hover-m.webp); --img-btn-primary-hover-r: url(/assets/design/ui-kit/dark/3/btn-primary-hover-r.webp);
  --img-btn-primary-pressed-l: url(/assets/design/ui-kit/dark/3/btn-primary-pressed-l.webp); --img-btn-primary-pressed-m: url(/assets/design/ui-kit/dark/3/btn-primary-pressed-m.webp); --img-btn-primary-pressed-r: url(/assets/design/ui-kit/dark/3/btn-primary-pressed-r.webp);
  --img-btn-secondary-l: url(/assets/design/ui-kit/dark/3/btn-secondary-l.webp); --img-btn-secondary-m: url(/assets/design/ui-kit/dark/3/btn-secondary-m.webp); --img-btn-secondary-r: url(/assets/design/ui-kit/dark/3/btn-secondary-r.webp);
  --img-btn-secondary-hover-l: url(/assets/design/ui-kit/dark/3/btn-secondary-hover-l.webp); --img-btn-secondary-hover-m: url(/assets/design/ui-kit/dark/3/btn-secondary-hover-m.webp); --img-btn-secondary-hover-r: url(/assets/design/ui-kit/dark/3/btn-secondary-hover-r.webp);
  --img-btn-secondary-pressed-l: url(/assets/design/ui-kit/dark/3/btn-secondary-pressed-l.webp); --img-btn-secondary-pressed-m: url(/assets/design/ui-kit/dark/3/btn-secondary-pressed-m.webp); --img-btn-secondary-pressed-r: url(/assets/design/ui-kit/dark/3/btn-secondary-pressed-r.webp);
  --img-btn-danger-l: url(/assets/design/ui-kit/dark/3/btn-danger-l.webp); --img-btn-danger-m: url(/assets/design/ui-kit/dark/3/btn-danger-m.webp); --img-btn-danger-r: url(/assets/design/ui-kit/dark/3/btn-danger-r.webp);
  --img-btn-danger-hover-l: url(/assets/design/ui-kit/dark/3/btn-danger-hover-l.webp); --img-btn-danger-hover-m: url(/assets/design/ui-kit/dark/3/btn-danger-hover-m.webp); --img-btn-danger-hover-r: url(/assets/design/ui-kit/dark/3/btn-danger-hover-r.webp);
  --img-btn-danger-pressed-l: url(/assets/design/ui-kit/dark/3/btn-danger-pressed-l.webp); --img-btn-danger-pressed-m: url(/assets/design/ui-kit/dark/3/btn-danger-pressed-m.webp); --img-btn-danger-pressed-r: url(/assets/design/ui-kit/dark/3/btn-danger-pressed-r.webp);
  --img-btn-premium-l: url(/assets/design/ui-kit/dark/3/btn-premium-l.webp); --img-btn-premium-m: url(/assets/design/ui-kit/dark/3/btn-premium-m.webp); --img-btn-premium-r: url(/assets/design/ui-kit/dark/3/btn-premium-r.webp);
  --img-btn-premium-hover-l: url(/assets/design/ui-kit/dark/3/btn-premium-hover-l.webp); --img-btn-premium-hover-m: url(/assets/design/ui-kit/dark/3/btn-premium-hover-m.webp); --img-btn-premium-hover-r: url(/assets/design/ui-kit/dark/3/btn-premium-hover-r.webp);
  --img-btn-premium-pressed-l: url(/assets/design/ui-kit/dark/3/btn-premium-pressed-l.webp); --img-btn-premium-pressed-m: url(/assets/design/ui-kit/dark/3/btn-premium-pressed-m.webp); --img-btn-premium-pressed-r: url(/assets/design/ui-kit/dark/3/btn-premium-pressed-r.webp);
  --img-tab-l: url(/assets/design/ui-kit/dark/3/tab-l.webp); --img-tab-m: url(/assets/design/ui-kit/dark/3/tab-m.webp); --img-tab-r: url(/assets/design/ui-kit/dark/3/tab-r.webp);
  --img-tab-hover-l: url(/assets/design/ui-kit/dark/3/tab-hover-l.webp); --img-tab-hover-m: url(/assets/design/ui-kit/dark/3/tab-hover-m.webp); --img-tab-hover-r: url(/assets/design/ui-kit/dark/3/tab-hover-r.webp);
  --img-tab-active-l: url(/assets/design/ui-kit/dark/3/tab-active-l.webp); --img-tab-active-m: url(/assets/design/ui-kit/dark/3/tab-active-m.webp); --img-tab-active-r: url(/assets/design/ui-kit/dark/3/tab-active-r.webp);
  --img-menu-item-l: url(/assets/design/ui-kit/dark/3/menu-item-l.webp); --img-menu-item-m: url(/assets/design/ui-kit/dark/3/menu-item-m.webp); --img-menu-item-r: url(/assets/design/ui-kit/dark/3/menu-item-r.webp);
  --img-menu-item-hover-l: url(/assets/design/ui-kit/dark/3/menu-item-hover-l.webp); --img-menu-item-hover-m: url(/assets/design/ui-kit/dark/3/menu-item-hover-m.webp); --img-menu-item-hover-r: url(/assets/design/ui-kit/dark/3/menu-item-hover-r.webp);
  --img-menu-item-active-l: url(/assets/design/ui-kit/dark/3/menu-item-active-l.webp); --img-menu-item-active-m: url(/assets/design/ui-kit/dark/3/menu-item-active-m.webp); --img-menu-item-active-r: url(/assets/design/ui-kit/dark/3/menu-item-active-r.webp);
  --img-chip-l: url(/assets/design/ui-kit/dark/3/chip-l.webp); --img-chip-m: url(/assets/design/ui-kit/dark/3/chip-m.webp); --img-chip-r: url(/assets/design/ui-kit/dark/3/chip-r.webp);
  --img-input-l: url(/assets/design/ui-kit/dark/3/input-l.webp); --img-input-m: url(/assets/design/ui-kit/dark/3/input-m.webp); --img-input-r: url(/assets/design/ui-kit/dark/3/input-r.webp);
  --img-input-focus-l: url(/assets/design/ui-kit/dark/3/input-focus-l.webp); --img-input-focus-m: url(/assets/design/ui-kit/dark/3/input-focus-m.webp); --img-input-focus-r: url(/assets/design/ui-kit/dark/3/input-focus-r.webp);
  --img-bubble-l: url(/assets/design/ui-kit/dark/3/bubble-l.webp); --img-bubble-m: url(/assets/design/ui-kit/dark/3/bubble-m.webp); --img-bubble-r: url(/assets/design/ui-kit/dark/3/bubble-r.webp);
  --img-selector-l: url(/assets/design/ui-kit/dark/3/selector-l.webp); --img-selector-m: url(/assets/design/ui-kit/dark/3/selector-m.webp); --img-selector-r: url(/assets/design/ui-kit/dark/3/selector-r.webp);
  --img-topbar-l: url(/assets/design/ui-kit/dark/3/topbar-l.webp); --img-topbar-m: url(/assets/design/ui-kit/dark/3/topbar-m.webp); --img-topbar-r: url(/assets/design/ui-kit/dark/3/topbar-r.webp);
  /* רכיבים ריבועיים / מסגרות (9 חלקים, פינות ביחס קבוע) */
  --img-btn-icon: url(/assets/design/ui-kit/dark/btn-icon.webp); --img-btn-icon-hover: url(/assets/design/ui-kit/dark/btn-icon-hover.webp); --img-btn-icon-pressed: url(/assets/design/ui-kit/dark/btn-icon-pressed.webp);
  --img-btn-close: url(/assets/design/ui-kit/dark/btn-close.webp); --img-btn-close-hover: url(/assets/design/ui-kit/dark/btn-close-hover.webp); --img-btn-close-pressed: url(/assets/design/ui-kit/dark/btn-close-pressed.webp);
  --img-btn-round: url(/assets/design/ui-kit/dark/btn-round.webp); --img-btn-round-hover: url(/assets/design/ui-kit/dark/btn-round-hover.webp); --img-btn-round-pressed: url(/assets/design/ui-kit/dark/btn-round-pressed.webp);
  --img-window: url(/assets/design/ui-kit/dark/window.webp); --img-tooltip: url(/assets/design/ui-kit/dark/tooltip.webp); --img-card: url(/assets/design/ui-kit/dark/card.webp); --img-menu-panel: url(/assets/design/ui-kit/dark/menu-panel.webp);
  --img-menu-divider: url(/assets/design/ui-kit/dark/menu-divider.webp); --img-badge: url(/assets/design/ui-kit/dark/badge.webp); --img-toggle-on: url(/assets/design/ui-kit/dark/toggle-on.webp); --img-toggle-off: url(/assets/design/ui-kit/dark/toggle-off.webp);
  --img-page-bg: url(/assets/design/ui-kit/dark/page-bg-seamless.webp); --img-menu-bg: url(/assets/design/ui-kit/dark/menu-bg-seamless.webp);
  /* 9 חלקים: חיתוך בפיקסלים של התמונה → עובי על המסך (אותו יחס בשני הצירים = פינות לא מעוותות) */
  --slice-window: 84;   --edge-window: 28px;   /* 900×563 → ‎×0.33 */
  --slice-tooltip: 36;  --edge-tooltip: 13px;
  --slice-card: 36;     --edge-card: 12px;
  --slice-menu-panel: 66 30 fill; --edge-menu-panel: 22px 10px;
  /* איך השוליים ממלאים את האורך: stretch (הערכה הנוכחית — יש לה קישוט באמצע השוליים) / repeat (הערכה החדשה: שוליים שחוזרים בלי מתיחה) */
  --rep-window: stretch; --rep-tooltip: stretch; --rep-card: stretch; --rep-menu-panel: stretch;
  --img-content-bg: none; /* טקסטורת-קלף לתוכן החלונות (מהערכה החדשה) */
  /* רכיבים אופקיים: גובה על המסך + רוחב-הקישוט ביחס לגובה (נמדד אוטומטית מהתמונה) */
  --kh-btn: 44px;  --kcap-btn-primary: 1.06; --kcap-btn-secondary: 0.52; --kcap-btn-danger: 1.02; --kcap-btn-premium: 1.03;
  --kh-tab: 38px;  --kcap-tab: 0.47;
  --kh-menu: 44px; --kcap-menu: 0.7;
  --kh-chip: 30px; --kcap-chip: 0.54;
  --kh-input: 36px; --kcap-input: 0.46; --kcap-selector: 0.5; --kcap-selector-end: 1.3;
  --kh-bubble: 16px; --kcap-bubble: 0.62;
  --kcap-topbar: 1.11;
  --kh-square: 40px;
}

/* @@KIT-V5-BEGIN — נוצר ע"י tools/uikit-build.js (2026-09-29T20:09). לא לערוך ידנית. */
:root {
  --kit-ready: 1; --kit-v5: 1;
  --img-btn-primary-l: url(/assets/design/ui-kit/v5/btn-primary-l.webp); --img-btn-primary-m: url(/assets/design/ui-kit/v5/btn-primary-m.webp); --img-btn-primary-r: url(/assets/design/ui-kit/v5/btn-primary-r.webp); --img-btn-primary: url(/assets/design/ui-kit/v5/btn-primary.webp); --sl-btn-primary: 0 100 0 98 fill;
  --img-btn-primary-hover-l: url(/assets/design/ui-kit/v5/btn-primary-hover-l.webp); --img-btn-primary-hover-m: url(/assets/design/ui-kit/v5/btn-primary-hover-m.webp); --img-btn-primary-hover-r: url(/assets/design/ui-kit/v5/btn-primary-hover-r.webp); --img-btn-primary-hover: url(/assets/design/ui-kit/v5/btn-primary-hover.webp); --sl-btn-primary-hover: 0 100 0 98 fill;
  --img-btn-primary-pressed-l: url(/assets/design/ui-kit/v5/btn-primary-pressed-l.webp); --img-btn-primary-pressed-m: url(/assets/design/ui-kit/v5/btn-primary-pressed-m.webp); --img-btn-primary-pressed-r: url(/assets/design/ui-kit/v5/btn-primary-pressed-r.webp); --img-btn-primary-pressed: url(/assets/design/ui-kit/v5/btn-primary-pressed.webp); --sl-btn-primary-pressed: 0 100 0 98 fill;
  --img-btn-secondary-l: url(/assets/design/ui-kit/v5/btn-secondary-l.webp); --img-btn-secondary-m: url(/assets/design/ui-kit/v5/btn-secondary-m.webp); --img-btn-secondary-r: url(/assets/design/ui-kit/v5/btn-secondary-r.webp); --img-btn-secondary: url(/assets/design/ui-kit/v5/btn-secondary.webp); --sl-btn-secondary: 0 109 0 104 fill;
  --img-btn-secondary-hover-l: url(/assets/design/ui-kit/v5/btn-secondary-hover-l.webp); --img-btn-secondary-hover-m: url(/assets/design/ui-kit/v5/btn-secondary-hover-m.webp); --img-btn-secondary-hover-r: url(/assets/design/ui-kit/v5/btn-secondary-hover-r.webp); --img-btn-secondary-hover: url(/assets/design/ui-kit/v5/btn-secondary-hover.webp); --sl-btn-secondary-hover: 0 109 0 104 fill;
  --img-btn-secondary-pressed-l: url(/assets/design/ui-kit/v5/btn-secondary-pressed-l.webp); --img-btn-secondary-pressed-m: url(/assets/design/ui-kit/v5/btn-secondary-pressed-m.webp); --img-btn-secondary-pressed-r: url(/assets/design/ui-kit/v5/btn-secondary-pressed-r.webp); --img-btn-secondary-pressed: url(/assets/design/ui-kit/v5/btn-secondary-pressed.webp); --sl-btn-secondary-pressed: 0 109 0 104 fill;
  --img-btn-danger-l: url(/assets/design/ui-kit/v5/btn-danger-l.webp); --img-btn-danger-m: url(/assets/design/ui-kit/v5/btn-danger-m.webp); --img-btn-danger-r: url(/assets/design/ui-kit/v5/btn-danger-r.webp); --img-btn-danger: url(/assets/design/ui-kit/v5/btn-danger.webp); --sl-btn-danger: 0 117 0 117 fill;
  --img-btn-danger-hover-l: url(/assets/design/ui-kit/v5/btn-danger-hover-l.webp); --img-btn-danger-hover-m: url(/assets/design/ui-kit/v5/btn-danger-hover-m.webp); --img-btn-danger-hover-r: url(/assets/design/ui-kit/v5/btn-danger-hover-r.webp); --img-btn-danger-hover: url(/assets/design/ui-kit/v5/btn-danger-hover.webp); --sl-btn-danger-hover: 0 117 0 117 fill;
  --img-btn-danger-pressed-l: url(/assets/design/ui-kit/v5/btn-danger-pressed-l.webp); --img-btn-danger-pressed-m: url(/assets/design/ui-kit/v5/btn-danger-pressed-m.webp); --img-btn-danger-pressed-r: url(/assets/design/ui-kit/v5/btn-danger-pressed-r.webp); --img-btn-danger-pressed: url(/assets/design/ui-kit/v5/btn-danger-pressed.webp); --sl-btn-danger-pressed: 0 117 0 117 fill;
  --img-btn-premium-l: url(/assets/design/ui-kit/v5/btn-premium-l.webp); --img-btn-premium-m: url(/assets/design/ui-kit/v5/btn-premium-m.webp); --img-btn-premium-r: url(/assets/design/ui-kit/v5/btn-premium-r.webp); --img-btn-premium: url(/assets/design/ui-kit/v5/btn-premium.webp); --sl-btn-premium: 0 105 0 107 fill;
  --img-btn-premium-hover-l: url(/assets/design/ui-kit/v5/btn-premium-hover-l.webp); --img-btn-premium-hover-m: url(/assets/design/ui-kit/v5/btn-premium-hover-m.webp); --img-btn-premium-hover-r: url(/assets/design/ui-kit/v5/btn-premium-hover-r.webp); --img-btn-premium-hover: url(/assets/design/ui-kit/v5/btn-premium-hover.webp); --sl-btn-premium-hover: 0 105 0 107 fill;
  --img-btn-premium-pressed-l: url(/assets/design/ui-kit/v5/btn-premium-pressed-l.webp); --img-btn-premium-pressed-m: url(/assets/design/ui-kit/v5/btn-premium-pressed-m.webp); --img-btn-premium-pressed-r: url(/assets/design/ui-kit/v5/btn-premium-pressed-r.webp); --img-btn-premium-pressed: url(/assets/design/ui-kit/v5/btn-premium-pressed.webp); --sl-btn-premium-pressed: 0 105 0 107 fill;
  --img-btn-confirm-l: url(/assets/design/ui-kit/v5/btn-confirm-l.webp); --img-btn-confirm-m: url(/assets/design/ui-kit/v5/btn-confirm-m.webp); --img-btn-confirm-r: url(/assets/design/ui-kit/v5/btn-confirm-r.webp); --img-btn-confirm: url(/assets/design/ui-kit/v5/btn-confirm.webp); --sl-btn-confirm: 0 121 0 121 fill;
  --img-btn-confirm-hover-l: url(/assets/design/ui-kit/v5/btn-confirm-hover-l.webp); --img-btn-confirm-hover-m: url(/assets/design/ui-kit/v5/btn-confirm-hover-m.webp); --img-btn-confirm-hover-r: url(/assets/design/ui-kit/v5/btn-confirm-hover-r.webp); --img-btn-confirm-hover: url(/assets/design/ui-kit/v5/btn-confirm-hover.webp); --sl-btn-confirm-hover: 0 121 0 121 fill;
  --img-btn-confirm-pressed-l: url(/assets/design/ui-kit/v5/btn-confirm-pressed-l.webp); --img-btn-confirm-pressed-m: url(/assets/design/ui-kit/v5/btn-confirm-pressed-m.webp); --img-btn-confirm-pressed-r: url(/assets/design/ui-kit/v5/btn-confirm-pressed-r.webp); --img-btn-confirm-pressed: url(/assets/design/ui-kit/v5/btn-confirm-pressed.webp); --sl-btn-confirm-pressed: 0 121 0 121 fill;
  --img-tab-l: url(/assets/design/ui-kit/v5/tab-l.webp); --img-tab-m: url(/assets/design/ui-kit/v5/tab-m.webp); --img-tab-r: url(/assets/design/ui-kit/v5/tab-r.webp); --img-tab: url(/assets/design/ui-kit/v5/tab.webp); --sl-tab: 0 59 0 59 fill;
  --img-tab-hover-l: url(/assets/design/ui-kit/v5/tab-hover-l.webp); --img-tab-hover-m: url(/assets/design/ui-kit/v5/tab-hover-m.webp); --img-tab-hover-r: url(/assets/design/ui-kit/v5/tab-hover-r.webp); --img-tab-hover: url(/assets/design/ui-kit/v5/tab-hover.webp); --sl-tab-hover: 0 59 0 59 fill;
  --img-tab-active-l: url(/assets/design/ui-kit/v5/tab-active-l.webp); --img-tab-active-m: url(/assets/design/ui-kit/v5/tab-active-m.webp); --img-tab-active-r: url(/assets/design/ui-kit/v5/tab-active-r.webp); --img-tab-active: url(/assets/design/ui-kit/v5/tab-active.webp); --sl-tab-active: 0 59 0 59 fill;
  --img-menu-item-l: url(/assets/design/ui-kit/v5/menu-item-l.webp); --img-menu-item-m: url(/assets/design/ui-kit/v5/menu-item-m.webp); --img-menu-item-r: url(/assets/design/ui-kit/v5/menu-item-r.webp); --img-menu-item: url(/assets/design/ui-kit/v5/menu-item.webp); --sl-menu-item: 0 60 0 59 fill;
  --img-menu-item-hover-l: url(/assets/design/ui-kit/v5/menu-item-hover-l.webp); --img-menu-item-hover-m: url(/assets/design/ui-kit/v5/menu-item-hover-m.webp); --img-menu-item-hover-r: url(/assets/design/ui-kit/v5/menu-item-hover-r.webp); --img-menu-item-hover: url(/assets/design/ui-kit/v5/menu-item-hover.webp); --sl-menu-item-hover: 0 60 0 59 fill;
  --img-menu-item-active-l: url(/assets/design/ui-kit/v5/menu-item-active-l.webp); --img-menu-item-active-m: url(/assets/design/ui-kit/v5/menu-item-active-m.webp); --img-menu-item-active-r: url(/assets/design/ui-kit/v5/menu-item-active-r.webp); --img-menu-item-active: url(/assets/design/ui-kit/v5/menu-item-active.webp); --sl-menu-item-active: 0 60 0 59 fill;
  --img-input-l: url(/assets/design/ui-kit/v5/input-l.webp); --img-input-m: url(/assets/design/ui-kit/v5/input-m.webp); --img-input-r: url(/assets/design/ui-kit/v5/input-r.webp); --img-input: url(/assets/design/ui-kit/v5/input.webp); --sl-input: 0 56 0 56 fill;
  --img-input-focus-l: url(/assets/design/ui-kit/v5/input-focus-l.webp); --img-input-focus-m: url(/assets/design/ui-kit/v5/input-focus-m.webp); --img-input-focus-r: url(/assets/design/ui-kit/v5/input-focus-r.webp); --img-input-focus: url(/assets/design/ui-kit/v5/input-focus.webp); --sl-input-focus: 0 56 0 56 fill;
  --img-selector-l: url(/assets/design/ui-kit/v5/selector-l.webp); --img-selector-m: url(/assets/design/ui-kit/v5/selector-m.webp); --img-selector-r: url(/assets/design/ui-kit/v5/selector-r.webp); --img-selector: url(/assets/design/ui-kit/v5/selector.webp); --sl-selector: 0 81 0 55 fill;
  --img-topbar-l: url(/assets/design/ui-kit/v5/topbar-l.webp); --img-topbar-m: url(/assets/design/ui-kit/v5/topbar-m.webp); --img-topbar-r: url(/assets/design/ui-kit/v5/topbar-r.webp); --img-topbar: url(/assets/design/ui-kit/v5/topbar.webp); --sl-topbar: 0 113 0 110 fill;
  --img-chip-l: url(/assets/design/ui-kit/v5/chip-l.webp); --img-chip-m: url(/assets/design/ui-kit/v5/chip-m.webp); --img-chip-r: url(/assets/design/ui-kit/v5/chip-r.webp); --img-chip: url(/assets/design/ui-kit/v5/chip.webp); --sl-chip: 0 65 0 64 fill;
  --img-bubble-l: url(/assets/design/ui-kit/v5/bubble-l.webp); --img-bubble-m: url(/assets/design/ui-kit/v5/bubble-m.webp); --img-bubble-r: url(/assets/design/ui-kit/v5/bubble-r.webp); --img-bubble: url(/assets/design/ui-kit/v5/bubble.webp); --sl-bubble: 0 17 0 17 fill;
  --img-tag-l: url(/assets/design/ui-kit/v5/tag-l.webp); --img-tag-m: url(/assets/design/ui-kit/v5/tag-m.webp); --img-tag-r: url(/assets/design/ui-kit/v5/tag-r.webp); --img-tag: url(/assets/design/ui-kit/v5/tag.webp); --sl-tag: 0 35 0 35 fill;
  --img-tag-positive-l: url(/assets/design/ui-kit/v5/tag-positive-l.webp); --img-tag-positive-m: url(/assets/design/ui-kit/v5/tag-positive-m.webp); --img-tag-positive-r: url(/assets/design/ui-kit/v5/tag-positive-r.webp); --img-tag-positive: url(/assets/design/ui-kit/v5/tag-positive.webp); --sl-tag-positive: 0 35 0 35 fill;
  --img-tag-warning-l: url(/assets/design/ui-kit/v5/tag-warning-l.webp); --img-tag-warning-m: url(/assets/design/ui-kit/v5/tag-warning-m.webp); --img-tag-warning-r: url(/assets/design/ui-kit/v5/tag-warning-r.webp); --img-tag-warning: url(/assets/design/ui-kit/v5/tag-warning.webp); --sl-tag-warning: 0 36 0 35 fill;
  --img-tag-negative-l: url(/assets/design/ui-kit/v5/tag-negative-l.webp); --img-tag-negative-m: url(/assets/design/ui-kit/v5/tag-negative-m.webp); --img-tag-negative-r: url(/assets/design/ui-kit/v5/tag-negative-r.webp); --img-tag-negative: url(/assets/design/ui-kit/v5/tag-negative.webp); --sl-tag-negative: 0 36 0 35 fill;
  --img-progress-l: url(/assets/design/ui-kit/v5/progress-l.webp); --img-progress-m: url(/assets/design/ui-kit/v5/progress-m.webp); --img-progress-r: url(/assets/design/ui-kit/v5/progress-r.webp); --img-progress: url(/assets/design/ui-kit/v5/progress.webp); --sl-progress: 0 39 0 43 fill;
  --img-progress-fill-l: url(/assets/design/ui-kit/v5/progress-fill-l.webp); --img-progress-fill-m: url(/assets/design/ui-kit/v5/progress-fill-m.webp); --img-progress-fill-r: url(/assets/design/ui-kit/v5/progress-fill-r.webp); --img-progress-fill: url(/assets/design/ui-kit/v5/progress-fill.webp); --sl-progress-fill: 0 24 0 25 fill;
  --img-divider-dark-l: url(/assets/design/ui-kit/v5/divider-dark-l.webp); --img-divider-dark-m: url(/assets/design/ui-kit/v5/divider-dark-m.webp); --img-divider-dark-r: url(/assets/design/ui-kit/v5/divider-dark-r.webp); --img-divider-dark: url(/assets/design/ui-kit/v5/divider-dark.webp); --sl-divider-dark: 0 36 0 39 fill;
  --img-divider-light-l: url(/assets/design/ui-kit/v5/divider-light-l.webp); --img-divider-light-m: url(/assets/design/ui-kit/v5/divider-light-m.webp); --img-divider-light-r: url(/assets/design/ui-kit/v5/divider-light-r.webp); --img-divider-light: url(/assets/design/ui-kit/v5/divider-light.webp); --sl-divider-light: 0 37 0 38 fill;
  --img-btn-icon: url(/assets/design/ui-kit/v5/btn-icon.webp);
  --img-btn-close: url(/assets/design/ui-kit/v5/btn-close.webp);
  --img-btn-round: url(/assets/design/ui-kit/v5/btn-round.webp);
  --img-btn-icon-hover: url(/assets/design/ui-kit/v5/btn-icon-hover.webp);
  --img-btn-close-hover: url(/assets/design/ui-kit/v5/btn-close-hover.webp);
  --img-btn-round-hover: url(/assets/design/ui-kit/v5/btn-round-hover.webp);
  --img-btn-icon-pressed: url(/assets/design/ui-kit/v5/btn-icon-pressed.webp);
  --img-btn-close-pressed: url(/assets/design/ui-kit/v5/btn-close-pressed.webp);
  --img-btn-round-pressed: url(/assets/design/ui-kit/v5/btn-round-pressed.webp);
  --img-toggle-off: url(/assets/design/ui-kit/v5/toggle-off.webp);
  --img-toggle-on: url(/assets/design/ui-kit/v5/toggle-on.webp);
  --img-checkbox-off: url(/assets/design/ui-kit/v5/checkbox-off.webp);
  --img-checkbox-on: url(/assets/design/ui-kit/v5/checkbox-on.webp);
  --img-badge: url(/assets/design/ui-kit/v5/badge.webp);
  --img-menu-marker: url(/assets/design/ui-kit/v5/menu-marker.webp);
  --img-window: url(/assets/design/ui-kit/v5/window.webp); --slice-window: 78 96 79 96; --edge-window: 26px 32px 26px 32px; --rep-window: repeat;
  --img-card: url(/assets/design/ui-kit/v5/card.webp); --slice-card: 39 47 35 48; --edge-card: 15px 18px 13px 18px; --rep-card: repeat;
  --img-tooltip: url(/assets/design/ui-kit/v5/tooltip.webp); --slice-tooltip: 37 47 36 48; --edge-tooltip: 14px 18px 14px 18px; --rep-tooltip: repeat;
  --img-inset: url(/assets/design/ui-kit/v5/inset.webp); --slice-inset: 48 43 42 44; --edge-inset: 18px 17px 16px 17px; --rep-inset: repeat;
  --img-dropdown: url(/assets/design/ui-kit/v5/dropdown.webp); --slice-dropdown: 37 47 37 48; --edge-dropdown: 14px 18px 14px 18px; --rep-dropdown: repeat;
  --img-menu-panel: url(/assets/design/ui-kit/v5/menu-panel.webp); --slice-menu-panel: 78 65 80 66; --edge-menu-panel: 20px 16px 20px 17px; --rep-menu-panel: repeat;
  --img-title-band-l: url(/assets/design/ui-kit/v5/title-band-l.webp); --img-title-band-m: url(/assets/design/ui-kit/v5/title-band-m.webp); --img-title-band-r: url(/assets/design/ui-kit/v5/title-band-r.webp); --img-title-band: url(/assets/design/ui-kit/v5/title-band.webp); --sl-title-band: 0 100 0 88 fill;
  --img-section-band-l: url(/assets/design/ui-kit/v5/section-band-l.webp); --img-section-band-m: url(/assets/design/ui-kit/v5/section-band-m.webp); --img-section-band-r: url(/assets/design/ui-kit/v5/section-band-r.webp); --img-section-band: url(/assets/design/ui-kit/v5/section-band.webp); --sl-section-band: 0 51 0 51 fill;
  --img-page-bg: url(/assets/design/ui-kit/v5/page-bg.webp);
  --img-menu-bg: url(/assets/design/ui-kit/v5/menu-bg.webp);
  --img-content-bg: url(/assets/design/ui-kit/v5/content-bg.webp);
  --img-inset-bg: url(/assets/design/ui-kit/v5/inset-bg.webp);
  --kcap-btn-primary: 1.136; --kcap-btn-primary-start: 1.114; --kcap-btn-primary-end: 1.136; --kh-btn-primary: 44px;
  --kcap-btn-secondary: 1.239; --kcap-btn-secondary-start: 1.182; --kcap-btn-secondary-end: 1.239; --kh-btn-secondary: 44px;
  --kcap-btn-danger: 1.33; --kcap-btn-danger-start: 1.33; --kcap-btn-danger-end: 1.33; --kh-btn-danger: 44px;
  --kcap-btn-premium: 1.216; --kcap-btn-premium-start: 1.216; --kcap-btn-premium-end: 1.193; --kh-btn-premium: 44px;
  --kcap-btn-confirm: 1.375; --kcap-btn-confirm-start: 1.375; --kcap-btn-confirm-end: 1.375; --kh-btn-confirm: 44px;
  --kcap-tab: 0.776; --kcap-tab-start: 0.776; --kcap-tab-end: 0.776; --kh-tab: 38px;
  --kcap-menu-item: 0.682; --kcap-menu-item-start: 0.67; --kcap-menu-item-end: 0.682; --kh-menu-item: 44px;
  --kcap-input: 0.778; --kcap-input-start: 0.778; --kcap-input-end: 0.778; --kh-input: 36px;
  --kcap-selector: 1.125; --kcap-selector-start: 0.764; --kcap-selector-end: 1.125; --kh-selector: 36px;
  --kcap-topbar: 1.009; --kcap-topbar-start: 0.982; --kcap-topbar-end: 1.009; --kh-topbar: 56px;
  --kcap-chip: 1.083; --kcap-chip-start: 1.067; --kcap-chip-end: 1.083; --kh-chip: 30px;
  --kcap-bubble: 0.531; --kcap-bubble-start: 0.531; --kcap-bubble-end: 0.531; --kh-bubble: 16px;
  --kcap-tag: 0.795; --kcap-tag-start: 0.795; --kcap-tag-end: 0.795; --kh-tag: 22px;
  --kcap-tag-positive: 0.795; --kcap-tag-positive-start: 0.795; --kcap-tag-positive-end: 0.795; --kh-tag-positive: 22px;
  --kcap-tag-warning: 0.818; --kcap-tag-warning-start: 0.795; --kcap-tag-warning-end: 0.818; --kh-tag-warning: 22px;
  --kcap-tag-negative: 0.818; --kcap-tag-negative-start: 0.795; --kcap-tag-negative-end: 0.818; --kh-tag-negative: 22px;
  --kcap-progress: 1.194; --kcap-progress-start: 1.194; --kcap-progress-end: 1.083; --kh-progress: 18px;
  --kcap-progress-fill: 0.694; --kcap-progress-fill-start: 0.694; --kcap-progress-fill-end: 0.667; --kh-progress-fill: 18px;
  --kcap-divider-dark: 1.393; --kcap-divider-dark-start: 1.393; --kcap-divider-dark-end: 1.286; --kh-divider-dark: 14px;
  --kcap-divider-light: 1.357; --kcap-divider-light-start: 1.357; --kcap-divider-light-end: 1.321; --kh-divider-light: 14px;
  --kcap-title-band: 1.042; --kcap-title-band-start: 0.917; --kcap-title-band-end: 1.042; --kh-title-band: 48px;
  --kcap-section-band: 0.911; --kcap-section-band-start: 0.911; --kcap-section-band-end: 0.911; --kh-section-band: 28px;
}
/* @@KIT-V5-END */

/* [2026-09-30, בקשת-משתמש: "לבצע עיצוב והתאמה למובייל בכל הדברים — תפריטים, מסכים"] טוקני מובייל:
   מסגרות הערכה דקות יותר (אותן תמונות, בקנה-מידה קטן), סרגל-תחתון בגובה קבוע, רשת-משאבים בסרגל העליון. */
@media (max-width: 760px) {
  :root {
    --edge-window: 12px 14px 12px 14px;
    --edge-card: 8px 10px 7px 10px;
    --edge-inset: 9px 9px 8px 9px;
    --edge-tooltip: 8px 10px 8px 10px;
    --edge-dropdown: 8px 10px 8px 10px;
    --kh-title-band: 40px;
    --mob-tab-h: 58px;
    --mob-tap: 44px;
    --mob-tap-sm: 34px;
    --mob-world-w: 96px;
    --mob-more-tile: 76px;
    --mob-res-cols: 3;
    --mob-gutter: 8px;
    --mob-alp-stage-w: 720px;
  }
}

/* [2026-09-30, דיווח-משתמש: "הכפתורים לא מתאימים בגודל — כל אחד שונה; יש קפיצה ב-HOVER"] מחוץ לבלוק ‎@@KIT-V5‎ (שנוצר אוטומטית),
   כדי שבנייה-מחדש של הערכה לא תדרוס:
   1) ריחוף/לחיצה משתמשים באותה תמונה בדיוק כמו המצב הרגיל (תמונות-המצבים נחתכו בנפרד והקישוטים זזו) — המשוב הוא הבהרה/הכהיה
      (ui-flat.css: --kit-btn-hover / --kit-btn-press). "נבחר" (לשונית/פריט פעיל) נשאר תמונה נפרדת — הוא מצב, לא ריחוף.
   2) רוחב-קישוטי-הקצה זהה לכל סוגי הכפתורים — שני כפתורים עם טקסט דומה יוצאים באותו גודל. */
:root {
  --kcap-btn-uniform: 1.25;
  --kit-btn-hover: brightness(1.14) saturate(1.08);
  --kit-btn-press: brightness(.88);
  --img-btn-primary-hover: var(--img-btn-primary); --sl-btn-primary-hover: var(--sl-btn-primary); --img-btn-primary-hover-l: var(--img-btn-primary-l); --img-btn-primary-hover-m: var(--img-btn-primary-m); --img-btn-primary-hover-r: var(--img-btn-primary-r);
  --img-btn-primary-pressed: var(--img-btn-primary); --sl-btn-primary-pressed: var(--sl-btn-primary); --img-btn-primary-pressed-l: var(--img-btn-primary-l); --img-btn-primary-pressed-m: var(--img-btn-primary-m); --img-btn-primary-pressed-r: var(--img-btn-primary-r);
  --img-btn-secondary-hover: var(--img-btn-secondary); --sl-btn-secondary-hover: var(--sl-btn-secondary); --img-btn-secondary-hover-l: var(--img-btn-secondary-l); --img-btn-secondary-hover-m: var(--img-btn-secondary-m); --img-btn-secondary-hover-r: var(--img-btn-secondary-r);
  --img-btn-secondary-pressed: var(--img-btn-secondary); --sl-btn-secondary-pressed: var(--sl-btn-secondary); --img-btn-secondary-pressed-l: var(--img-btn-secondary-l); --img-btn-secondary-pressed-m: var(--img-btn-secondary-m); --img-btn-secondary-pressed-r: var(--img-btn-secondary-r);
  --img-btn-danger-hover: var(--img-btn-danger); --sl-btn-danger-hover: var(--sl-btn-danger); --img-btn-danger-hover-l: var(--img-btn-danger-l); --img-btn-danger-hover-m: var(--img-btn-danger-m); --img-btn-danger-hover-r: var(--img-btn-danger-r);
  --img-btn-danger-pressed: var(--img-btn-danger); --sl-btn-danger-pressed: var(--sl-btn-danger); --img-btn-danger-pressed-l: var(--img-btn-danger-l); --img-btn-danger-pressed-m: var(--img-btn-danger-m); --img-btn-danger-pressed-r: var(--img-btn-danger-r);
  --img-btn-premium-hover: var(--img-btn-premium); --sl-btn-premium-hover: var(--sl-btn-premium); --img-btn-premium-hover-l: var(--img-btn-premium-l); --img-btn-premium-hover-m: var(--img-btn-premium-m); --img-btn-premium-hover-r: var(--img-btn-premium-r);
  --img-btn-premium-pressed: var(--img-btn-premium); --sl-btn-premium-pressed: var(--sl-btn-premium); --img-btn-premium-pressed-l: var(--img-btn-premium-l); --img-btn-premium-pressed-m: var(--img-btn-premium-m); --img-btn-premium-pressed-r: var(--img-btn-premium-r);
  --img-btn-confirm-hover: var(--img-btn-confirm); --sl-btn-confirm-hover: var(--sl-btn-confirm); --img-btn-confirm-hover-l: var(--img-btn-confirm-l); --img-btn-confirm-hover-m: var(--img-btn-confirm-m); --img-btn-confirm-hover-r: var(--img-btn-confirm-r);
  --img-btn-confirm-pressed: var(--img-btn-confirm); --sl-btn-confirm-pressed: var(--sl-btn-confirm); --img-btn-confirm-pressed-l: var(--img-btn-confirm-l); --img-btn-confirm-pressed-m: var(--img-btn-confirm-m); --img-btn-confirm-pressed-r: var(--img-btn-confirm-r);
  --img-tab-hover: var(--img-tab); --sl-tab-hover: var(--sl-tab); --img-tab-hover-l: var(--img-tab-l); --img-tab-hover-m: var(--img-tab-m); --img-tab-hover-r: var(--img-tab-r);
  --img-menu-item-hover: var(--img-menu-item); --sl-menu-item-hover: var(--sl-menu-item); --img-menu-item-hover-l: var(--img-menu-item-l); --img-menu-item-hover-m: var(--img-menu-item-m); --img-menu-item-hover-r: var(--img-menu-item-r);
  --kcap-btn-primary: var(--kcap-btn-uniform); --kcap-btn-primary-start: var(--kcap-btn-uniform); --kcap-btn-primary-end: var(--kcap-btn-uniform);
  --kcap-btn-secondary: var(--kcap-btn-uniform); --kcap-btn-secondary-start: var(--kcap-btn-uniform); --kcap-btn-secondary-end: var(--kcap-btn-uniform);
  --kcap-btn-danger: var(--kcap-btn-uniform); --kcap-btn-danger-start: var(--kcap-btn-uniform); --kcap-btn-danger-end: var(--kcap-btn-uniform);
  --kcap-btn-premium: var(--kcap-btn-uniform); --kcap-btn-premium-start: var(--kcap-btn-uniform); --kcap-btn-premium-end: var(--kcap-btn-uniform);
  --kcap-btn-confirm: var(--kcap-btn-uniform); --kcap-btn-confirm-start: var(--kcap-btn-uniform); --kcap-btn-confirm-end: var(--kcap-btn-uniform);
}