:root {
  --shared-wave: radial-gradient(circle at 15% 20%, rgba(255, 138, 61, 0.42), transparent 28%), radial-gradient(circle at 80% 25%, rgba(23, 184, 255, 0.28), transparent 30%), linear-gradient(135deg, #ff3a18 0%, #ff7f3f 16%, #ffb55c 30%, #ffe7a3 44%, #f7f3ee 58%, #d8f8ff 74%, #8fe9ff 88%, #17b8ff 100%);
}

.hero,
.join-page,
.events-page,
.about-page {
  background: var(--shared-wave);
}

.contact-footer {
  background: var(--shared-wave);
}

.join-footer {
  background: var(--shared-wave);
}

.contact-footer .contact,
.contact-footer footer,
.join-footer .join-page,
.join-footer .events-page,
.join-footer .about-page,
.join-footer footer {
  background: transparent;
}

.hero .eyebrow,
.join-page .eyebrow,
.contact-footer .eyebrow,
.events-page .eyebrow,
.about-page .eyebrow,
.hero .scroll-note {
  color: var(--ink);
}

.hero .eyebrow .line,
.join-page .eyebrow .line,
.contact-footer .eyebrow .line {
  background: var(--ink);
}

.about-page .about-tab.active {
  color: var(--ink);
  border-bottom-color: var(--ink);
}