:root,
[data-theme="blue-orange"] {
  color-scheme: dark;
  --app-bg: #0a0f18;
  --app-panel: #111827;
  --app-panel-strong: #1e293b;
  --app-border: rgba(203, 213, 225, 0.34);
  --app-text: #f8fafc;
  --app-muted: #cbd5e1;
  --app-subtle: #94a3b8;
  --app-accent: #60a5fa;
  --app-accent-strong: #2563eb;
  --app-highlight: #f59e0b;
  --app-highlight-soft: rgba(245, 158, 11, 0.18);
  --app-highlight-bar: linear-gradient(90deg, #f59e0b, rgba(245, 158, 11, 0));
  --app-highlight-border: rgba(245, 158, 11, 0.5);
  --app-good: #4ade80;
  --app-warn: #fbbf24;
  --app-bad: #ef4444;
  --app-link: #93c5fd;
  --app-link-hover: #bfdbfe;
  --app-font-body: Inter, "Segoe UI", Roboto, "Source Sans 3", Arial, sans-serif;
  --app-font-brand: Inter, "Segoe UI", Roboto, "Source Sans 3", Arial, sans-serif;
  --app-font-title: Inter, "Segoe UI", Roboto, "Source Sans 3", Arial, sans-serif;
  --app-font-control: Inter, "Segoe UI", Roboto, "Source Sans 3", Arial, sans-serif;
  --app-font-mono: "IBM Plex Mono", "Courier New", Courier, monospace;
  --app-body-bg:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.09), transparent 30rem),
    linear-gradient(180deg, #0a0f18 0%, #0f172a 100%);
}

[data-theme="blue-orange"] .ain-scan-facts dd {
  font-size: 1.575rem;
}

[data-theme="blue-orange"] [data-ref="info-box.coverage"] {
  align-items: start;
  column-gap: 0.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

[data-theme="blue-orange"] [data-ref="info-box.coverage"] dt {
  margin: 0;
}

[data-theme="blue-orange"] [data-ref="info-box.coverage"] dd {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
}

[data-theme="blue-orange"] [data-ref="info-box.coverage"] .theme-preview-ref {
  grid-column: 1 / -1;
}

[data-theme="blue-orange"] [data-ref="summary.launchers"],
[data-theme="blue-orange"] [data-ref="summary.online"],
[data-theme="blue-orange"] [data-ref="summary.groups"] {
  background:
    linear-gradient(180deg, rgba(245, 158, 11, 0.14), transparent 7rem),
    rgba(30, 41, 59, 0.92);
  border-color: var(--app-highlight-border);
  box-shadow: inset 0 0.18rem 0 var(--app-highlight), 0 16px 34px rgba(2, 6, 23, 0.22);
}

[data-theme="blue-orange"] [data-ref="summary.launchers"] .agent-summary-value,
[data-theme="blue-orange"] [data-ref="summary.online"] .agent-summary-value,
[data-theme="blue-orange"] [data-ref="summary.groups"] .agent-summary-value {
  color: var(--app-highlight);
}