/* WEBSITE-WARM-ORBIT-20261024: background and surface adaptation; existing content and interactions stay owned by their modules. */
html { background-color: var(--orbit-paper); }
body.orbit-site {
  --bg: var(--orbit-paper);
  --bg-raised: var(--orbit-surface);
  --ink: var(--orbit-ink);
  --ink-strong: var(--orbit-ink);
  --ink-soft: var(--orbit-muted);
  --ink-faint: var(--orbit-muted);
  --line: var(--orbit-line);
  --gold: var(--orbit-gold);
  --teal: var(--orbit-accent);
  --accent: var(--orbit-accent);
  --accent-ink: var(--orbit-white);
  --accent-soft: var(--orbit-soft);
  --link: var(--orbit-accent);
  --shadow-card: var(--orbit-card-shadow);
  --sc-white: var(--orbit-surface);
  --sc-ink: var(--orbit-ink);
  --sc-ink-strong: var(--orbit-ink);
  --sc-ink-soft: var(--orbit-muted);
  --sc-ink-faint: var(--orbit-muted);
  --sc-gold: var(--orbit-gold);
  --sc-line: var(--orbit-line);
  --sc-line-soft: color-mix(in srgb, var(--orbit-line) 55%, transparent);
  --row-gold: var(--orbit-gold);
  --row-line: var(--orbit-line);
  color-scheme: light;
  color: var(--orbit-ink);
  background-color: var(--orbit-paper);
  background-image: var(--orbit-page-background);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.orbit-site :is(.site-header, .subpage-header) {
  background: var(--orbit-header);
  border-bottom-color: var(--orbit-line);
  backdrop-filter: blur(var(--orbit-header-blur));
}
body.orbit-site.showcase-site :is(.showcase-page, .feature-stage, .feature-row) { background: transparent; }
body.orbit-site.showcase-site.flow-preview :is(.showcase-page--download, .showcase-page--creation) {
  background: var(--orbit-quiet-surface);
  border-top-color: var(--orbit-line);
}
body.orbit-site.rows-preview .feature-row {
  background: color-mix(in srgb, var(--orbit-surface) 62%, transparent);
}
body.orbit-site.rows-preview .feature-row:nth-of-type(odd) {
  background: color-mix(in srgb, var(--orbit-surface) 78%, transparent);
}
body.orbit-site.rows-preview .feature-row + .feature-row::before { background: var(--orbit-line); }
body.orbit-site.showcase-site .showcase-page--hero::before { content: none; }
body.orbit-site.showcase-site :is(.framework-hero, .hero-figure) { background: transparent; }
body.orbit-site.rows-preview :is(.demo-frame, .framework-placeholder) {
  background: var(--orbit-surface);
  border-color: var(--orbit-line);
  box-shadow: var(--orbit-card-shadow);
}
body.orbit-site.rows-preview .demo-screen { background: var(--orbit-surface); }
body.orbit-site.rows-preview .demo-playback { color: var(--orbit-accent); border-color: var(--orbit-line); }
body.orbit-site.rows-preview .feature-item { color: var(--orbit-muted); }
body.orbit-site.rows-preview .feature-item[aria-selected="true"] { color: var(--orbit-ink); }
body.orbit-site.subpage-body { background-image: var(--orbit-quiet-background); }
body.orbit-site :is(.document-card, .document-toc, .release-card) {
  background: var(--orbit-quiet-surface);
  border-color: var(--orbit-line);
  box-shadow: var(--orbit-card-shadow);
}
body.orbit-site :is(.modal-dialog, .preview-toast) {
  background: var(--orbit-surface);
  color: var(--orbit-ink);
  border-color: var(--orbit-line);
  box-shadow: var(--orbit-card-shadow);
}
body.orbit-site .lead-form :is(input, select, textarea) {
  background: var(--orbit-white);
  color: var(--orbit-ink);
  border-color: var(--orbit-line);
}
body.orbit-site .button--primary { background: var(--orbit-accent); color: var(--orbit-white); }
body.orbit-site .button--secondary { color: var(--orbit-accent); }
body.orbit-site .directory-footer { border-top-color: var(--orbit-gold); }
@media (max-width: 700px) {
  body.orbit-site {
    background-attachment: scroll;
    background-size: auto 100svh;
    background-position: 58% top;
  }
  body.orbit-site.rows-preview .feature-row { background: color-mix(in srgb, var(--orbit-surface) 68%, transparent); }
}
@media print {
  html, body.orbit-site { background: var(--orbit-white); }
  body.orbit-site :is(.document-card, .document-toc, .release-card) { background: var(--orbit-white); box-shadow: none; }
}