/* Per-domain color overrides */
:root {
  --accent: #e11d48;
  --accent-light: rgba(225, 29, 72, 0.07);
  --accent-dark: #be123c;
  --text-primary: #1a1a2e;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --bg-page: #ffffff;
  --bg-section: #fff1f2;
  --bg-subtle: #ffe4e6;
  --border: #fecdd3;
  --border-light: #ffe4e6;
}
/* 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;
}