/* Loading surfaces belong to the D theme, including lazy feature renderers.
   Keep the page-specific skeleton dimensions and request lifecycle unchanged. */
html[data-skin="aurum"] {
  --reference-loading-surface: var(--lux-panel, #1a1b1e);
  --reference-loading-soft: var(--lux-panel-2, #232427);
  --reference-loading-line: var(--lux-line, #d7bd7d29);
  --reference-loading-ink: var(--lux-muted, #92918f);
  --reference-loading-accent: var(--lux-accent, #dec18b);
  --aurum-loading-highlight: #dec18b12;
  --aurum-loading-fill: linear-gradient(90deg, var(--reference-loading-soft) 24%, #34322d 50%, var(--reference-loading-soft) 76%);
  --van-skeleton-avatar-background: var(--reference-loading-soft);
  --van-skeleton-paragraph-background: var(--reference-loading-soft);
  --van-image-placeholder-background: var(--reference-loading-surface);
  --van-image-loading-icon-color: var(--reference-loading-ink);
}

html[data-skin="aurum"] :is(.service-skeleton, .reference-group-skeleton) {
  background: var(--lux-bg, #111214);
}
html[data-skin="aurum"] :is(.service-skeleton-status, .service-skeleton-quick, .service-skeleton-composer) {
  background: var(--reference-loading-surface);
  border-color: var(--reference-loading-line);
}
html[data-skin="aurum"] .reference-group-channel-skeleton {
  border-color: var(--reference-loading-line);
}

html[data-skin="aurum"] #tx-benefits-root :is(.benefits-skeleton-summary, .benefits-skeleton-card, .spinner-skeleton, .benefit-records-skeleton > div),
html[data-skin="aurum"] #tx-benefits-root .checkin-skeleton > :is(section, article, footer),
html[data-skin="aurum"] #tx-vip-root .vip-skeleton section {
  background: var(--reference-loading-surface);
  border-color: var(--reference-loading-line);
}
html[data-skin="aurum"] #tx-benefits-root :is(.benefits-skeleton, .checkin-skeleton, .spinner-skeleton, .benefit-records-skeleton) :is(i, b, strong, span, article > header):empty,
html[data-skin="aurum"] #tx-vip-root .vip-skeleton :is(i, strong, span):empty,
html[data-skin="aurum"] :is(.service-skeleton, .reference-group-skeleton) :is(i, b, em):empty,
html[data-skin="aurum"] .customer-skeleton div {
  background: var(--aurum-loading-fill) !important;
  background-size: 240% 100% !important;
}

/* The original light sweep can flash white even when the blocks are dark. */
html[data-skin="aurum"] #tx-benefits-root :is(.benefits-skeleton-summary, .benefits-skeleton-card, .benefit-records-skeleton > div)::after,
html[data-skin="aurum"] #tx-benefits-root .checkin-skeleton > :is(section, article, footer)::after,
html[data-skin="aurum"] .reference-group-skeleton :is(i, b)::after {
  background: linear-gradient(90deg, transparent, var(--aurum-loading-highlight), transparent);
}

html[data-skin="aurum"] :is(.thirds-cover-skeleton, .leb-skeleton) {
  background: var(--aurum-loading-fill);
  background-size: 240% 100%;
  border-color: var(--reference-loading-line);
}
html[data-skin="aurum"] .van-skeleton-image {
  background: var(--reference-loading-soft);
}
html[data-skin="aurum"] .van-skeleton-image__icon {
  color: var(--reference-loading-ink);
}

@media (prefers-reduced-motion: reduce) {
  html[data-skin="aurum"] :is(.service-skeleton, .reference-group-skeleton, .customer-skeleton) *,
  html[data-skin="aurum"] .reference-group-skeleton :is(i, b)::after {
    animation: none !important;
  }
}