/* Gentle paper gradients for secondary sections; the original lilac footer
   and the stronger champagne event recap retain their separate roles. */
:root {
  --soft: #f2e7ce;
  --line: #dccfb8;
  --chapter-gradient-warm: linear-gradient(180deg, var(--paper) 0%, #f7edd8 30%, #f4e7c9 65%, var(--paper) 100%);
  --chapter-gradient-plum: linear-gradient(180deg, var(--paper) 0%, #f8f1e3 28%, #f6ecd6 72%, var(--paper) 100%);
}

.gathering-section {
  background: linear-gradient(180deg, #f5eee0 0%, var(--paper) 100%);
  color: var(--brand);
}
.gathering-heading > p { color: var(--gold-text); }
.gathering-copy > p { color: #55483b; }
.gathering-copy small, .gathering-section .activity-types { color: #756147; }
.gathering-section .light-link { color: var(--brand); border-color: var(--gold); }
.gathering-section .light-link:hover { color: var(--ink); }
.gathering-section :focus-visible { outline-color: var(--brand); }
.gathering-ornament { background-color: var(--gold-text); }

.site-footer {
  background: #e9dee8;
  border-top-color: #d9ccd5;
}
.footer-bottom { border-color: #c5b1c3; }
.migration-masthead { background: var(--chapter-gradient-plum); }
.migration-related { background: linear-gradient(135deg, #faf4e7, #f2e4c7); }
.migration-entry-image, .legacy-content .legacy-gallery a { background: #f0e7d7; }
.site-header .site-find > summary { background: #f8f0df; }
.site-header .language-switch a:not([aria-current]):hover,
.site-find-close:hover, .migration-gallery-bar button:hover,
.migration-gallery-controls button:hover { background: #f1e4c7; }
.sy-opening .section-shortcuts .catalog-search-link { background: #f8f0df; border-color: #b29a70; }
.sy-opening .section-shortcuts .catalog-search-link:hover { background: #f0e1bf; border-color: var(--gold-text); }

/* One directional fade spans both passages, without a central color band. */
.about-introduction {
  background: linear-gradient(135deg, #f3e8d4 0%, var(--paper) 100%);
}
.about-page .about-introduction .about-story { background: transparent; }
.about-page .about-introduction .about-cover { padding-bottom: 44px; }
.about-introduction .about-story-inner { padding-block: 32px 68px; }
@media (max-width:700px) {
  .about-page .about-introduction .about-cover { padding-bottom: 30px; }
  .about-introduction .about-story-inner { padding-block: 12px 44px; }
}