/* Per-app download pages: the Mundil look (css/mundil.css) plus each app's colour.
 * body.app-<name> sets --accent, --accent-ink and --accent-glow at the end of this file (tools/build_product_sites.py). */
body { --accent: #ffb33e; --accent-ink: #1a1204; --accent-glow: 255, 179, 62; }

.hero::before {
  background:
    radial-gradient(40% 55% at 88% 8%, rgba(var(--accent-glow), .32), transparent 70%),
    radial-gradient(35% 45% at 4% 100%, rgba(79, 157, 255, .22), transparent 70%);
}
.hero .kicker { color: var(--accent); }
.hero-art.round img { box-shadow: 0 20px 60px rgba(0, 0, 0, .55), 0 0 70px rgba(var(--accent-glow), .28); }
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { filter: brightness(1.08); background: var(--accent); }
.tile { border-top: 4px solid var(--accent); }
.panel { border-top: 4px solid var(--accent); }

/* The download widget and its pay step (css/download-widget.css) take the app colour and the page colours. */
body .dl {
  --dl-accent: var(--accent);
  --dl-accent-text: var(--accent-ink);
  --dl-panel: var(--surface);
  --dl-menu-bg: var(--surface);
  --dl-menu-text: var(--text);
  --dl-line: var(--line);
  max-width: 48rem;
  margin-top: 1rem;
  color: var(--text);
}
body .dl a { color: var(--link); }
body .dl .dl-btn, body .dl .dl-caret { color: var(--accent-ink); }
body .dl dialog, dialog.dl { color: var(--text); }

/* Annora colour */
body.app-annora { --accent: #5fe0c4; --accent-ink: #04241d; --accent-glow: 95, 224, 196; }