/* The night showroom again, as a second theme over the same code (22.10.2026, Roy at the meeting with Ofir: they are not
   happy with the move to cream, "להרים גרסה עם הקוד הנוכחי ו-theme אחר"); the same day Roy made it the default. The
   inline switch in each page's head sets <html data-theme="dark"> unless ?theme=light was asked for this visit.
   Loaded after e-brand.css and e-header.css; the html[data-theme] prefix also beats each page's own <style>.
   Tokens are the pre-19.10 dark palette (c3a8a29^). Buttons keep #c8460c with white text (4.8:1); --accent-text is
   the light orange, for text on the dark page (8:1 on --surface). Logo untouched. */
html[data-theme="dark"] {
  --bg: #0b0a09; --surface: #141210; --surface-2: #1c1916; --fg: #f6f3ee; --muted: #a59d93; --soft: #d8d1c7;
  --line: #2a2521; --line-2: #40372f;
  --accent: #c8460c; --accent-hover: #e05510; --accent-text: #ff8a2e; --glow: 255,134,30;
  --tint: #241a12;
  color-scheme: dark;
}
html[data-theme="dark"] .shd { --h-bg: rgba(11,10,9,.92); --h-fg: #f6f3ee; --h-soft: #d8d1c7; --h-muted: #a59d93; --h-line: #2a2521;
  --h-acc: #c8460c; --h-acc-hover: #e05510; --h-acc-text: #ff8a2e; --h-tint: #241a12; }

/* surfaces that were written as white or cream */
html[data-theme="dark"] .shd-sub,
html[data-theme="dark"] .shd-menu,
html[data-theme="dark"] .shd-xtra .x-tel { background: var(--surface); }
html[data-theme="dark"] .shd-sub { box-shadow: 0 24px 60px -24px rgba(0,0,0,.8); }
html[data-theme="dark"] .shd .ost-a11y.docked { border-color: var(--surface); }
@media (max-width: 1023px) { html[data-theme="dark"] .shd-nav { background: #0f0d0c; box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); } }
html[data-theme="dark"] .abar { background: rgba(11,10,9,.94); box-shadow: 0 -12px 30px -24px rgba(0,0,0,.9); }
html[data-theme="dark"] .rail-btn,
html[data-theme="dark"] .cg-nav,
html[data-theme="dark"] .cg-num,
html[data-theme="dark"] .lb-x,
html[data-theme="dark"] .lb-nav { background: rgba(20,18,16,.9); color: var(--fg); border: 1px solid var(--line-2); box-shadow: 0 8px 20px -10px rgba(0,0,0,.8); }
html[data-theme="dark"] .rail-btn:hover,
html[data-theme="dark"] .cg-nav:hover { background: var(--accent); color: #fff; }
html[data-theme="dark"] .scard .plate .badge { background: rgba(11,10,9,.8); border-color: var(--line); color: var(--accent-text); }
html[data-theme="dark"] .vbtn { background: rgba(11,10,9,.82); color: var(--fg); }
html[data-theme="dark"] .lbox::backdrop { background: rgba(0,0,0,.9); }
html[data-theme="dark"] .fxsel button.on { background: var(--fg); color: #0b0a09; }
html[data-theme="dark"] .qlead input::placeholder { color: #8d857b; }
html[data-theme="dark"] footer ul a { text-decoration-color: rgba(246,243,238,.25); }

/* the warm brown shadows of the cream page read as mud on black */
html[data-theme="dark"] .checks li,
html[data-theme="dark"] .scard,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .airep .call,
html[data-theme="dark"] .qsearch { box-shadow: 0 18px 40px -30px rgba(0,0,0,.9); }
html[data-theme="dark"] .scard:hover { box-shadow: 0 22px 44px -26px rgba(0,0,0,.9); }
html[data-theme="dark"] .ap-vid { box-shadow: 0 40px 80px -50px rgba(0,0,0,.9); }
html[data-theme="dark"] .sweep::after { background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%); mix-blend-mode: screen; }
html[data-theme="dark"] .airep .call { background: var(--surface); }
/* the storage notice (site-tools.js writes its own light colours) */
html[data-theme="dark"] .ost-consent { background: #141210; color: var(--fg); border-top-color: var(--line); box-shadow: 0 -10px 30px -20px rgba(0,0,0,.9); }
html[data-theme="dark"] .ost-consent a { color: var(--fg); }
html[data-theme="dark"] .ost-consent button { background: var(--fg); color: #0b0a09; }