/* ZENITH N26.0A – additive theme-variable bridge */
html[data-zenith-theme] body {
  background:
    radial-gradient(circle at 18% 5%, var(--zx-glow), transparent 34%),
    linear-gradient(145deg, var(--zx-bg-2), var(--zx-bg));
  color: var(--zx-text);
  transition: background-color .28s ease, color .28s ease;
}

html[data-zenith-theme] .sidebar,
html[data-zenith-theme] aside,
html[data-zenith-theme] header,
html[data-zenith-theme] .card,
html[data-zenith-theme] .panel,
html[data-zenith-theme] .widget,
html[data-zenith-theme] [class*="card"] {
  border-color: var(--zx-border);
}

html[data-zenith-theme] .card,
html[data-zenith-theme] .panel,
html[data-zenith-theme] .widget,
html[data-zenith-theme] [class*="card"] {
  background-color: color-mix(in srgb, var(--zx-panel) 94%, transparent);
  color: var(--zx-text);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--zx-glow) 24%, rgba(0,0,0,.30));
}

html[data-zenith-theme] button,
html[data-zenith-theme] select,
html[data-zenith-theme] input {
  border-color: var(--zx-border);
  color: var(--zx-text);
}

html[data-zenith-theme] .status-dot,
html[data-zenith-theme] .online,
html[data-zenith-theme] [data-status="online"] {
  background-color: var(--zx-good);
  box-shadow: 0 0 16px color-mix(in srgb, var(--zx-good) 65%, transparent);
}

html[data-zenith-theme] a:hover,
html[data-zenith-theme] button:hover,
html[data-zenith-theme] [aria-current="page"] {
  border-color: var(--zx-accent);
  box-shadow: 0 0 20px color-mix(in srgb, var(--zx-glow) 42%, transparent);
}

html[data-zenith-theme] ::selection {
  background: color-mix(in srgb, var(--zx-accent) 45%, transparent);
  color: var(--zx-text);
}

@media (prefers-reduced-motion: reduce) {
  html[data-zenith-theme] body,
  html[data-zenith-theme] * {
    transition-duration: 0.01ms !important;
  }
}