/* EvidenceHub product-page brand overrides (marketing site).
 * Scoped to body.evidencehub-page so corporate /styles.css tokens are
 * preserved on every other page. The marketing page's existing ".purple-*"
 * classes resolve through --secondary, so we override --secondary (not
 * --primary) to keep the page's existing structural CSS untouched.
 */

body.evidencehub-page {
  --bg: #FDF8F6;
  --secondary: #5B21B6;
  --secondary-soft: #EDE7F8;
  --accent: #0F766E;
}

html[data-theme="dark"] body.evidencehub-page {
  --bg: #1A0F1F;
  --secondary: #A78BFA;
  --secondary-soft: #3D2A56;
  --accent: #14B8A6;
}

body.evidencehub-page .btn-primary.secondary-accent:hover {
  box-shadow: 0 6px 16px rgba(91, 33, 182, 0.35);
}

body.evidencehub-page .eh-brand-icon {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
}

body.evidencehub-page .eh-brand-sub {
  font-family: var(--tlg-font-display);
  font-size: 14px;
  color: var(--muted);
  margin: 6px 0 18px;
  letter-spacing: 0.01em;
}