/* מצב כהה: אותם משתנים עם ערכים כהים */
/* ===== מצב כהה: אותם משתנים, ערכים כהים. נבחר בהגדרות (בהיר, כהה, או לפי המכשיר) ===== */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #141414;
  --bg-rgb: 20, 20, 20;
  --on-inverse: #141414;
  --send-arrow-idle: #141414;
  --text: #ECECEC;
  --box-bg: #1F1F1F;
  --box-stroke: #333333;
  --placeholder: #8C8C8C;
  --send-idle: #2B4470;
  /* שדות שעוד לא מולאו בפקודה: כחול עמום, אבל קריא על רקע כהה */
  --highlight: #4F75B3;
  --selected: #5B9BFF;
  --send-active: #1E6DF6;
  --send-arrow: #FFFFFF;
  --menu-bg: #1F1F1F;
  --menu-stroke: #2E2E2E;
  --item-hover: #2C2C2C;
  --sidebar-bg: #1A1A1A;
  --c-000000: #ECECEC;
  --c-222222: #3A3A3A;
  --c-404040: #CFCFCF;
  --c-6B6B6B: #A8A8A8;
  --c-707070: #A0A0A0;
  --c-9A9A9A: #8C8C8C;
  --c-9CC3FF: #3E6BB0;
  --c-B5B5B5: #4A4A4A;
  --c-C1C1C1: #555555;
  --c-C8C8C8: #555555;
  --c-C9C9C9: #555555;
  --c-CFCFCF: #5A5A5A;
  --c-DCE7FD: #2B3E60;
  --c-DDDDDD: #333333;
  --c-EEEEEE: #2C2C2C;
  --c-EEF4FF: #1B2A44;
  --c-F6F6F6: #141414;
  --c-FFFFFF: #1F1F1F;
}
/* כפתורי הזכוכית: אותו מבנה, בגוונים כהים */
:root[data-theme="dark"] .glass-btn {
  background: rgba(255, 255, 255, 0.06);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.35),
    0 1px 2px rgba(0, 0, 0, 0.3),
    inset 0 1px 1px rgba(255, 255, 255, 0.12),
    inset 0 -1px 1px rgba(0, 0, 0, 0.3);
}
:root[data-theme="dark"] .glass-btn::before,
:root[data-theme="dark"] .glass-btn::after {
  opacity: 0.15;
}
:root[data-theme="dark"] .glass-btn span {
  color: #BDBDBD;
  text-shadow: none;
}
/* גרפים ב-SVG: צבעי הרשת והתוויות */
:root[data-theme="dark"] svg [stroke="#EEEEEE"] { stroke: #2C2C2C; }
:root[data-theme="dark"] svg [stroke="#DDDDDD"] { stroke: #333333; }
:root[data-theme="dark"] svg [fill="#9A9A9A"] { fill: #8C8C8C; }
:root[data-theme="dark"] svg [stroke="#9A9A9A"] { stroke: #8C8C8C; }
:root[data-theme="dark"] svg [fill="#FFFFFF"] { fill: #1F1F1F; }
:root[data-theme="dark"] svg [stroke="#FFFFFF"] { stroke: #1F1F1F; }
:root[data-theme="dark"] svg [fill="#000"], :root[data-theme="dark"] svg [fill="#000000"] { fill: #ECECEC; }
/* עיצוב התשובות (a2): קווים, רקעים והודעה במצב כהה */
:root[data-theme="dark"] {
  --a2-hair: #2A2A2A;
  --a2-tint: #1B2A44;
  --a2-warn-bg: #3A2F12;
  --a2-warn-text: #F1D58A;
  --a2-warn-icon: #E0B54A;
  --a2-risk: #F87171;
  --a2-law-bg: #1C1C1E;
  --a2-law-border: #2E2E32;
  --a2-law-chip: #2A2A2E;
  --a2-law-head: #E5E7EB;
  --a2-law-muted: #9CA3AF;
  --a2-law-text: #D1D5DB;
}