/* Per-domain color overrides */
:root {
  --accent: #7c3aed;
  --accent-light: rgba(124, 58, 237, 0.08);
  --accent-dark: #6d28d9;
  --text-primary: #1a1a2e;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --bg-page: #ffffff;
  --bg-section: #f5f3ff;
  --bg-subtle: #ede9fe;
  --border: #ddd6fe;
  --border-light: #ede9fe;
}
/* Hero variant: centered with gradient */
.page-hero { background: linear-gradient(180deg, var(--bg-subtle) 0%, var(--bg-page) 100%); }
.page-hero h1 { border-bottom: none; padding-bottom: 0; }
.page-hero h1::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-dark));
  margin: 0.5rem auto 0;
  border-radius: 2px;
}