/* Variant B «Ночное небо»: dark premium, gold on deep indigo, glass surfaces. */
html[data-design=b] {
  color-scheme: dark;
  --bg: #0b0f24;
  --bg-2: #121836;
  --surface: #151c3d;
  --ink: #f3ede4;
  --ink-2: #aeaac6;
  --ink-3: #7c7898;
  --line: rgba(233,214,170,.14);
  --hover: rgba(233,214,170,.08);
  --accent: #e5c47e;
  --accent-fill: linear-gradient(135deg, #f3d99b 0%, #c89a4b 100%);
  --accent-ink: #1b1305;
  --focus: rgba(229,196,126,.25);
  --btn-shadow: 0 10px 30px -10px rgba(229,180,90,.55);
  --shadow: 0 30px 60px -30px rgba(0,0,0,.8);
  --card-shadow: rgba(0,0,0,.6);
  --field-bg: rgba(255,255,255,.04);
  --field-line: rgba(233,214,170,.22);
  --bubble: #1b2350;
  --header-bg: rgba(11,15,36,.78);
  --tabbar-bg: rgba(14,19,44,.9);
  --footer-bg: #080b1c;
  --hero-bg:
    radial-gradient(1.5px 1.5px at 12% 22%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 28% 68%, #fff 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 46% 14%, #f6e7c4 50%, transparent 51%),
    radial-gradient(1px 1px at 63% 82%, #fff 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 78% 30%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 90% 60%, #f6e7c4 50%, transparent 51%),
    radial-gradient(1px 1px at 36% 40%, #fff 50%, transparent 51%),
    radial-gradient(1.3px 1.3px at 7% 80%, #fff 50%, transparent 51%),
    radial-gradient(60% 80% at 80% 20%, rgba(118,74,160,.45) 0%, transparent 70%),
    radial-gradient(50% 60% at 10% 100%, rgba(40,90,160,.35) 0%, transparent 70%),
    linear-gradient(180deg, #0d1230 0%, #0b0f24 100%);
  --feature-bg: linear-gradient(135deg, rgba(118,74,160,.28), rgba(21,28,61,.9));
  --tag-bg: rgba(229,196,126,.12);
  --icon-filter: invert(1) hue-rotate(180deg) brightness(1.35) saturate(1.2);
  --font-display: "Forum", "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --display-weight: 400;
  --display-transform: uppercase;
  --display-tracking: .04em;
  --radius: 22px;
}
html[data-design=b] body {
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.5) 50%, transparent 51%) 0 0 / 420px 420px,
    radial-gradient(1px 1px at 70% 80%, rgba(255,255,255,.35) 50%, transparent 51%) 0 0 / 360px 360px,
    var(--bg);
}
/* The icons are gold on a white disc: inverted and screened, the disc disappears into the sky. */
html[data-design=b] .nx-tile img, html[data-design=b] .card_item img, html[data-design=b] .user_input img { mix-blend-mode: screen; }
html[data-design=b] .nx-tile, html[data-design=b] .card_item, html[data-design=b] .nx-step, html[data-design=b] .nx-product {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
}
html[data-design=b] .nx-hero h1 {
  background: linear-gradient(90deg, #f7e9c8 0%, #ffffff 45%, #e9cf94 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-design=b] .nx-hero-art::before {
  content: ""; position: absolute; inset: 10% 15%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229,196,126,.35), transparent 65%);
  filter: blur(10px);
}
html[data-design=b] .card_description_bottom { background: linear-gradient(180deg, #161d40, #11173a) !important; }
html[data-design=b] .livekit_image + .liveKit_span { color: var(--accent) !important; }