/* Dark-mode adaptation for the aionui product page.
   Maps aionui tokens and surfaces onto the site dark palette
   (gray-950 canvas / gray-900 surfaces, matching mybase dark classes). */
html.dark {
  --canvas: #030712;
  --ink: #f9fafb;
  --ink-70: #d1d5db;
  --ink-50: #9ca3af;
  --ink-30: #6b7280;
  --line: rgba(249, 250, 251, .08);
}

html.dark body {
  background: #030712;
}

html.dark body#app {
  background: #030712 !important;
}

/* aionui style.css sets html background via :root; keep it dark */
html.dark {
  background: #030712;
}

/* App-mockup surfaces (cron / dispatch demo frames) */
html.dark .cron-app { background: #111827; border-color: rgba(249,250,251,.1); box-shadow: 0 12px 40px rgba(0,0,0,.45); }
html.dark .cron-app-titlebar { background: #0b0f19; border-bottom-color: rgba(249,250,251,.08); }
html.dark .cron-app-body { background: #0b0f19; }

/* Hero glow: dim the light-mode radial gradients */
html.dark .hero::before { opacity: .35; }

/* Wechat modal */
html.dark .wechat-modal-card { background: #111827; }
html.dark .wechat-modal-card p { color: var(--ink-50); }
html.dark .wechat-modal-close { background: rgba(249,250,251,.08); color: var(--ink-70); }

/* Scroll reveal sections keep transparent backgrounds */
html.dark .reveal { background: transparent; }