/* Opt-in neutral theme; events and Laravel own their palettes separately. */
body.neutral-site {
  --cream: #f4f5f3;
  --paper: #f4f5f3;
  --stone: #5b625b;
  --taupe: #5b625b;
  --sage: #465440;
  --surface: #f4f5f3;
  --ink: #242321;
  --muted: #505650;
  --accent: #6c562c;
  --rule: rgba(36, 35, 33, .22);
  --line-light: var(--rule);
  --line-dark: var(--rule);
  color: var(--ink);
  background: var(--surface);
}
.neutral-site :is(.global-header, .global-footer) { --stone: #c5c8c3; }
.neutral-site main { color: var(--ink); background: var(--surface); }
.neutral-site main :is(h1, h2, h3, h4, blockquote) { color: var(--ink); }
.neutral-site main :is(p, small, dd) { color: var(--muted); }
.neutral-site main :is(h1, h2, h3, blockquote) em { color: var(--accent); }
.neutral-site main a { color: inherit; }
.neutral-site main :is(section, article, li, dl, details, summary, header, footer, a, div) { border-color: var(--rule); }
.neutral-site main :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

/* Light reading surfaces predominate. Dark sections are deliberate pauses. */
.neutral-site :is(.chapter-hero, .chapter-current, .chapter-method, .chapter-life,
  .chapter-outcome, .section-main, .center-hero, .center-idea, .center-formats,
  .center-specialists, .center-diagnostic, .constellation-hero, .constellation-understanding,
  .constellation-visible, .constellation-process, .constellation-participation,
  .constellation-requests, .constellation-faq, .constellation-result,
  .group-screen-one, .group-problem, .group-outcome, .group-evidence,
  .group-evidence-intro-screen, .group-evidence-column-light, .group-evidence-column-dark,
  .group-method, .group-method-intro-screen, .group-method-content, .group-roadmap,
  .group-includes, .group-host, .group-host-profile, .group-apply) {
  color: var(--ink); background: var(--surface);
}
.neutral-site :is(.chapter-method, .center-idea, .constellation-visible,
  .constellation-participation, .group-outcome, .group-includes, .group-apply) {
  --surface: #242321;
  --ink: #f4f5f3;
  --muted: #d2d4d0;
  --accent: #c4a05a;
  --stone: #c5c8c3;
  --taupe: #c5c8c3;
  --sage: #b8c7b1;
  --rule: rgba(244, 245, 243, .24);
  color: var(--ink); background: var(--surface);
}
.neutral-site :is(.chapter-current, .chapter-outcome, .center-specialists,
  .constellation-faq, .group-evidence-column-dark, .group-roadmap) {
  --surface: #e8ebe7;
  background: var(--surface);
}
.neutral-site.about-page .section-content { padding-top: clamp(40px, 5vw, 72px); border-top: 1px solid var(--rule); }
.neutral-site .center-specialist-card { background: #f4f5f3; }
.neutral-site :is(.center-specialist-card figure, .constellation-organization figcaption,
  .constellation-room figcaption) { background: #e8ebe7; color: #505650; }
.neutral-site :is(.hero-portrait, .life-photo figcaption, .home-story-cover-fallback,
  .home-journal-fallback, .about-portrait figcaption) {
  --ink: #f4f5f3; --muted: #d2d4d0; --accent: #c4a05a; --stone: #c5c8c3;
  color: var(--ink); background: #242321;
}
.neutral-site :is(.hero-portrait figcaption, .life-photo figcaption) span { color: #f4f5f3; }
.neutral-site .home-story { background: #f4f5f3; }
.neutral-site :is(.home-story-meta, .home-story-engagement, .home-event-meta) { color: var(--muted); }
.neutral-site .home-event { background: #f4f5f3; }

.neutral-site :is(.center-hero-note, .center-format-index, .center-format-status,
  .center-format-row-muted, .center-specialist-index, .center-specialist-hours,
  .center-specialist-link, .center-specialist-copy > p:not([class]),
  .group-evidence-story-title, .group-evidence-story-deck, .group-evidence-story-body p,
  .group-host-role, .group-host-story p, .group-host-facts dd,
  .group-roadmap-month p, .group-roadmap-months > li > p,
  .group-problem-item p, .group-problem-label p, .group-evidence-intro,
  .group-evidence-count, .group-evidence-count span, .group-hero-foot,
  .constellation-faq details p, .center-format-copy small, .school-sections small,
  .group-lead, .group-method-loop, .group-method-list p) { color: var(--muted); }
.neutral-site :is(.group-hero h1, .group-facts dt, .group-problem h2 em,
  .group-problem-item h3, .group-method-list h3) { color: var(--ink); }
.neutral-site :is(.eyebrow, .section-kicker, .section-label, .center-eyebrow,
  .center-section-number, .center-format-index, .center-specialist-index,
  .constellation-kicker, .group-kicker, .group-evidence-label, .group-host-label,
  .group-roadmap-heading > p, .group-host-facts dt, .school-sections span, .formats > p) {
  color: var(--accent); font-size: 13px;
}
.neutral-site :is(.center-hero-note, .center-button, .center-specialist-link,
  .center-specialist-hours, .constellation-primary-link, .section-primary-link,
  .section-text-link, .group-facts dt, .group-facts dd) { font-size: 13px; }
.neutral-site .group-evidence-mark { filter: none; }
.neutral-site .group-evidence-story summary:hover .group-evidence-story-title { color: var(--accent); }
.neutral-site .group-evidence-toggle { color: var(--ink); border-color: var(--muted); }
.neutral-site :is(.group-method-number, .group-roadmap-month span, .group-problem-number,
  .group-evidence-count strong) { color: var(--accent); }

.neutral-site :is(.hero-primary, .primary-link, .center-button-primary,
  .constellation-primary-link, .section-primary-link, .group-cta) {
  color: #242321; background: #c4a05a; min-height: 48px;
}
.neutral-site :is(.primary-link, .constellation-primary-link, .section-primary-link) span { color: #242321; }
.neutral-site :is(.hero-primary, .primary-link, .center-button-primary,
  .constellation-primary-link, .section-primary-link, .group-cta):hover { color: #242321; background: #d8b46b; }
.neutral-site .hero-secondary { color: #242321; border-color: #505650; }
.neutral-site .hero-actions a:hover { border-color: #242321; }
.neutral-site .constellation-participation-link { color: var(--ink); }
.neutral-site .constellation-participation-link:hover { color: #242321; background: #f4f5f3; }
.neutral-site .constellation-participation-link:hover span { color: #242321; }
.neutral-site .school-sections a:hover { color: #242321; background: #dce1da; }
.neutral-site :is(.contact-choice-dialog, .constellation-choice-dialog) { background: #f4f5f3; }
.neutral-site .constellation-choice-dialog .constellation-kicker { color: #63543a; }

@media (prefers-reduced-motion: reduce) {
  .neutral-site *, .neutral-site *::before, .neutral-site *::after {
    scroll-behavior: auto; animation: none; transition: none;
  }
}