/* Reversible appearance trial: no layout, content or admin changes. */
body.mpa-beige-background {
  --mpa-beige-base: #e9dfce;
  --mpa-beige-surface: rgba(250, 245, 235, .82);
  --mpa-beige-soft: rgba(248, 239, 222, .5);
  --mpa-beige-hover: #e4d4bc;
  --mpa-beige-text: #302820;
  --mpa-beige-muted: #655547;
  --mpa-beige-line: rgba(77, 55, 35, .25);
  --ink: #e9dfce;
  --ink-soft: #e7dcc9;
  --ink-raised: #d9c8ae;
  --paper: #302820;
  --paper-muted: #655547;
  --paper-faint: rgba(77, 55, 35, .06);
  --line: rgba(77, 55, 35, .25);
  --red: #87382f;
  --red-bright: #963d32;
  color-scheme: light;
  color: var(--mpa-beige-text);
  background-color: var(--mpa-beige-base);
  background-image: linear-gradient(rgba(239, 231, 217, .58), rgba(239, 231, 217, .58)),
    url("../images/digital-memory-beige-v2.jpg");
  background-repeat: repeat;
  background-size: auto, 720px 720px;
}

body.mpa-beige-background ::selection { background: #d7b6a3; color: #302820; }

/* The existing cassette photograph remains an independent dark hero. */
body.mpa-beige-background .hero {
  --ink: #12100f;
  --ink-raised: #211d1a;
  --paper: #eee8dc;
  --paper-muted: rgba(238, 232, 220, .8);
  --line: rgba(238, 232, 220, .25);
  --red: #a53c35;
  --red-bright: #cf766b;
  color: var(--paper);
  background-color: #12100f;
}

body.mpa-beige-background .site-header {
  background: rgba(237, 227, 209, .96);
  border-bottom-color: var(--line);
}
body.mpa-beige-background .site-header.is-scrolled {
  background: rgba(237, 227, 209, .98);
  box-shadow: 0 4px 18px rgba(65, 45, 27, .08);
}
body.mpa-beige-background .main-nav a,
body.mpa-beige-background .main-nav__submenu-toggle,
body.mpa-beige-background .header-action { color: #655547; }
body.mpa-beige-background .main-nav a:hover,
body.mpa-beige-background .main-nav a:focus-visible,
body.mpa-beige-background .main-nav a[aria-current="page"],
body.mpa-beige-background .header-action:hover,
body.mpa-beige-background .header-action:focus-visible,
body.mpa-beige-background .header-action[aria-current="page"] { color: #302820; }
body.mpa-beige-background .main-nav__submenu {
  background: #f1e7d6;
  border-color: var(--line);
  border-top-color: var(--red);
  box-shadow: 0 14px 30px rgba(65, 45, 27, .14);
}
body.mpa-beige-background .main-nav__submenu a,
body.mpa-beige-background .mobile-menu-toggle { border-color: var(--line); }
body.mpa-beige-background .header-action--account.is-authenticated::after { border-color: #ede3d1; }

/* Let one repeating texture continue across all page sections. */
body.mpa-beige-background .content-page,
body.mpa-beige-background .archive-section,
body.mpa-beige-background .latest-section,
body.mpa-beige-background .monthly-section,
body.mpa-beige-background .contact-page,
body.mpa-beige-background .newsletter-section,
body.mpa-beige-background .site-footer { background: transparent; }

body.mpa-beige-background .newsletter-section { color: var(--mpa-beige-text); }
body.mpa-beige-background .global-archive-search { background: rgba(249, 243, 232, .3); }
body.mpa-beige-background .archive-search {
  background: #faf4e9;
  border-color: var(--mpa-beige-line);
  border-left-color: var(--red);
  box-shadow: 0 8px 24px rgba(65, 45, 27, .1);
}
body.mpa-beige-background .archive-search button { background: #87382f; }
body.mpa-beige-background .archive-search button::before { border-color: #faf4e9; }
body.mpa-beige-background .archive-search button::after { background: #faf4e9; }
body.mpa-beige-background .archive-search button:hover,
body.mpa-beige-background .archive-search button:focus-visible { background: #6e2e27; }
body.mpa-beige-background .global-archive-search .search-hint { color: var(--mpa-beige-muted); }
body.mpa-beige-background .live-search-results,
body.mpa-beige-background .live-result-card { color: var(--mpa-beige-text); }
body.mpa-beige-background .live-result-card:hover,
body.mpa-beige-background .live-result-card:focus-visible { color: #fff8ed; }

body.mpa-beige-background .popular-card,
body.mpa-beige-background .popular-card:nth-child(2),
body.mpa-beige-background .popular-card:nth-child(6),
body.mpa-beige-background .artist-directory-card a,
body.mpa-beige-background .archive-search-result,
body.mpa-beige-background .archive-search-page__empty,
body.mpa-beige-background .artists-directory__empty { background: var(--mpa-beige-soft); border-color: var(--line); }
body.mpa-beige-background .popular-card:hover,
body.mpa-beige-background .popular-card:focus-visible,
body.mpa-beige-background .artist-directory-card a:hover,
body.mpa-beige-background .artist-directory-card a:focus-visible,
body.mpa-beige-background .archive-search-result__link:hover,
body.mpa-beige-background .archive-search-result__link:focus-visible { background: var(--mpa-beige-hover); color: var(--mpa-beige-text); }
body.mpa-beige-background .popular-card:hover small,
body.mpa-beige-background .popular-card:focus-visible small,
body.mpa-beige-background .archive-search-result__meta,
body.mpa-beige-background .monthly-details dd { color: var(--mpa-beige-muted); }

body.mpa-beige-background .feature-player {
  background: var(--mpa-beige-surface);
  color: var(--mpa-beige-text);
  box-shadow: 0 8px 26px rgba(65, 45, 27, .1);
}
body.mpa-beige-background .feature-play { color: var(--mpa-beige-text); }
body.mpa-beige-background .newsletter-input-row input { color: var(--mpa-beige-text); }
body.mpa-beige-background .newsletter-input-row button,
body.mpa-beige-background .submit-button { background: var(--red); color: #fff8ed; }

body.mpa-beige-background .collections-directory__item { border-bottom-color: var(--line); }
body.mpa-beige-background .collections-directory__link:hover,
body.mpa-beige-background .collections-directory__link:focus-visible { background: var(--mpa-beige-hover); }
body.mpa-beige-background .collections-directory__program-summary { background: var(--mpa-beige-soft); }
body.mpa-beige-background .collections-directory__program-summary:hover,
body.mpa-beige-background .collections-directory__program-summary:focus-visible,
body.mpa-beige-background .collections-directory__program[open] > .collections-directory__program-summary { background: var(--mpa-beige-hover); }
body.mpa-beige-background .collections-directory__program-content { background: rgba(248, 239, 222, .4); }

/* Recording and playlist player colours, including the plugin's fixed colours. */
body.mpa-beige-background .tsitah-recording-card,
body.mpa-beige-background .tsitah-playlist {
  --tsitah-playlist-accent: #87382f;
  background: var(--mpa-beige-surface);
  color: var(--mpa-beige-text);
  border-color: var(--line);
}
body.mpa-beige-background .tsitah-recording-card { border-left-color: var(--red); }
body.mpa-beige-background .tsitah-playlist { border-top-color: var(--red); }
body.mpa-beige-background .tsitah-playlist__player { background: rgba(221, 205, 181, .5); }
body.mpa-beige-background .tsitah-playlist__track,
body.mpa-beige-background .tsitah-recording-card__people { border-color: var(--line); }
body.mpa-beige-background .tsitah-playlist__track.is-current,
body.mpa-beige-background .tsitah-playlist__track:hover,
body.mpa-beige-background .tsitah-context-page .tsitah-playlist__track.is-current,
body.mpa-beige-background .tsitah-context-page .tsitah-playlist__track:hover { background: rgba(221, 205, 181, .45); color: var(--mpa-beige-text); }
body.mpa-beige-background .tsitah-playlist__title,
body.mpa-beige-background .tsitah-playlist__track-title,
body.mpa-beige-background .tsitah-playlist__track-button,
body.mpa-beige-background .tsitah-playlist__navigation button { color: var(--mpa-beige-text); }
body.mpa-beige-background .tsitah-playlist__navigation button { border-color: #8d7964; }
body.mpa-beige-background .tsitah-playlist__count,
body.mpa-beige-background .tsitah-playlist__now-playing,
body.mpa-beige-background .tsitah-playlist__track-number,
body.mpa-beige-background .tsitah-playlist__track-meta,
body.mpa-beige-background .tsitah-playlist__track-duration,
body.mpa-beige-background .tsitah-playlist__unavailable,
body.mpa-beige-background .tsitah-playlist__empty,
body.mpa-beige-background .tsitah-recording-card__meta,
body.mpa-beige-background .tsitah-recording-card__notice,
body.mpa-beige-background .tsitah-recording-card__people-label,
body.mpa-beige-background .tsitah-share-actions__label,
body.mpa-beige-background .tsitah-share-actions__status { color: var(--mpa-beige-muted); }
body.mpa-beige-background .tsitah-playlist__eyebrow,
body.mpa-beige-background .tsitah-recording-card__eyebrow,
body.mpa-beige-background .tsitah-context-page__kicker,
body.mpa-beige-background .tsitah-context-page__count { color: var(--red); }
body.mpa-beige-background .tsitah-playlist__track-button:hover strong,
body.mpa-beige-background .tsitah-playlist__track-button:focus-visible strong,
body.mpa-beige-background .tsitah-playlist__track-people a,
body.mpa-beige-background .tsitah-recording-card__people-links a,
body.mpa-beige-background .tsitah-recording-card__people-links a span { color: #80392f; }
body.mpa-beige-background .tsitah-recording-card__people-links a { background: rgba(249, 241, 226, .75); border-color: var(--line); border-left-color: var(--tsitah-person-color, #87382f); }
body.mpa-beige-background .tsitah-recording-card__people-links a:hover,
body.mpa-beige-background .tsitah-recording-card__people-links a:focus-visible { background: var(--mpa-beige-hover); }
body.mpa-beige-background .tsitah-share-actions__button,
body.mpa-beige-background .tsitah-person-info-button,
body.mpa-beige-background .tsitah-person-info-dialog__close { color: var(--mpa-beige-text); border-color: var(--line); }
body.mpa-beige-background .tsitah-share-actions__button:hover,
body.mpa-beige-background .tsitah-share-actions__button:focus-visible,
body.mpa-beige-background .tsitah-person-info-button:hover,
body.mpa-beige-background .tsitah-person-info-button:focus-visible { color: var(--red); background: var(--mpa-beige-hover); }

/* Person hierarchy stays intact: own playlists remain more prominent. */
body.mpa-beige-background .tsitah-person-page .tsitah-person-section--primary {
  background: rgba(247, 239, 223, .78);
  border-top-color: var(--red);
}
body.mpa-beige-background .tsitah-person-page .tsitah-person-section--primary .tsitah-person-section__heading h2,
body.mpa-beige-background .tsitah-person-section__heading h2,
body.mpa-beige-background .tsitah-person-playlist-list__link,
body.mpa-beige-background .tsitah-person-recording a,
body.mpa-beige-background .tsitah-playlist-card__link,
body.mpa-beige-background .tsitah-person-info-dialog__close:hover,
body.mpa-beige-background .tsitah-person-info-dialog__close:focus-visible { color: var(--mpa-beige-text); }
body.mpa-beige-background .tsitah-person-page .tsitah-person-section--secondary .tsitah-person-section__heading h2 { color: var(--mpa-beige-muted); }
body.mpa-beige-background .tsitah-person-page .tsitah-person-page__intro,
body.mpa-beige-background .tsitah-person-page__intro,
body.mpa-beige-background .tsitah-person-playlist-list__count,
body.mpa-beige-background .tsitah-person-recording small,
body.mpa-beige-background .tsitah-person-section__heading > p:last-child,
body.mpa-beige-background .tsitah-context-page__description,
body.mpa-beige-background .tsitah-playlist-archive__intro,
body.mpa-beige-background .tsitah-playlist-archive__count,
body.mpa-beige-background .tsitah-playlist-sort label,
body.mpa-beige-background .tsitah-playlist-card p,
body.mpa-beige-background .tsitah-playlist-card__footer { color: var(--mpa-beige-muted); }
body.mpa-beige-background .tsitah-person-section__count,
body.mpa-beige-background .tsitah-person-section__kicker,
body.mpa-beige-background .tsitah-person-page__overview-label,
body.mpa-beige-background .tsitah-person-page__playlist-count,
body.mpa-beige-background .tsitah-person-playlist-list__arrow,
body.mpa-beige-background .tsitah-person-recording__index,
body.mpa-beige-background .tsitah-playlist-card__eyebrow,
body.mpa-beige-background .tsitah-playlist-sort__control > span,
body.mpa-beige-background .tsitah-playlist-archive__count strong { color: var(--red); }
body.mpa-beige-background .tsitah-person-playlist-list,
body.mpa-beige-background .tsitah-person-playlist-list__item,
body.mpa-beige-background .tsitah-person-recordings,
body.mpa-beige-background .tsitah-person-recording,
body.mpa-beige-background .tsitah-context-page__header,
body.mpa-beige-background .tsitah-person-page__header,
body.mpa-beige-background .tsitah-playlist-archive__count { border-color: var(--line); }
body.mpa-beige-background .tsitah-person-playlist-list__link:hover,
body.mpa-beige-background .tsitah-person-playlist-list__link:focus-visible,
body.mpa-beige-background .tsitah-person-recording a:hover,
body.mpa-beige-background .tsitah-person-recording a:focus-visible,
body.mpa-beige-background .tsitah-playlist-card__link:hover,
body.mpa-beige-background .tsitah-playlist-card__link:focus-visible { background: var(--mpa-beige-hover); }
body.mpa-beige-background .tsitah-playlist-card,
body.mpa-beige-background .tsitah-playlist-archive__empty,
body.mpa-beige-background .tsitah-context-page__empty,
body.mpa-beige-background .tsitah-playlist-sort select { background: var(--mpa-beige-surface); color: var(--mpa-beige-text); border-color: var(--line); }
body.mpa-beige-background .tsitah-person-page .tsitah-collaboration-card { background: rgba(231, 219, 199, .75); border-color: var(--line); }
body.mpa-beige-background .tsitah-person-page .tsitah-collaboration-card a:hover,
body.mpa-beige-background .tsitah-person-page .tsitah-collaboration-card a:focus-visible { background: #f3e8d6; }
body.mpa-beige-background .tsitah-person-info-dialog { background: #f1e7d6; color: var(--mpa-beige-text); box-shadow: 0 20px 70px rgba(48, 33, 20, .25); }
body.mpa-beige-background .tsitah-person-info-dialog__eyebrow { color: var(--red); }
body.mpa-beige-background .tsitah-person-info-dialog__description { color: var(--mpa-beige-muted); }
body.mpa-beige-background .tsitah-context-page .page-numbers,
body.mpa-beige-background .tsitah-playlist-archive .page-numbers { border-color: var(--line); color: var(--mpa-beige-text); }
body.mpa-beige-background .tsitah-context-page .page-numbers.current,
body.mpa-beige-background .tsitah-context-page a.page-numbers:hover,
body.mpa-beige-background .tsitah-context-page a.page-numbers:focus-visible,
body.mpa-beige-background .tsitah-playlist-archive .page-numbers.current,
body.mpa-beige-background .tsitah-playlist-archive a.page-numbers:hover,
body.mpa-beige-background .tsitah-playlist-archive a.page-numbers:focus-visible { background: var(--red); color: #fff8ed; border-color: var(--red); }

/* Contact and member forms keep explicit readable input and button colours. */
body.mpa-beige-background .contact-page--archive .contact-copy,
body.mpa-beige-background .contact-material-note,
body.mpa-beige-background .contact-page--archive .field label,
body.mpa-beige-background .tsitah-members-intro,
body.mpa-beige-background .tsitah-members-form label > span,
body.mpa-beige-background .tsitah-members-form label small,
body.mpa-beige-background .tsitah-members-check,
body.mpa-beige-background .tsitah-members-text-link,
body.mpa-beige-background .tsitah-account-email,
body.mpa-beige-background .tsitah-members-page-heading > p:last-child,
body.mpa-beige-background .tsitah-favorite-card p,
body.mpa-beige-background .tsitah-favorite-card__open,
body.mpa-beige-background .tsitah-favorites-group__heading span { color: var(--mpa-beige-muted); }
body.mpa-beige-background .contact-form-title { color: var(--mpa-beige-text); }
body.mpa-beige-background .contact-page--archive .field input,
body.mpa-beige-background .contact-page--archive .field textarea,
body.mpa-beige-background .tsitah-members-form input[type="text"],
body.mpa-beige-background .tsitah-members-form input[type="email"],
body.mpa-beige-background .tsitah-members-form input[type="password"] { background: #faf4e9; color: var(--mpa-beige-text); border-color: #9c8973; }
body.mpa-beige-background .field input::placeholder,
body.mpa-beige-background .field textarea::placeholder { color: #786856; }
body.mpa-beige-background .tsitah-account-layout,
body.mpa-beige-background .tsitah-account-card + .tsitah-account-card,
body.mpa-beige-background .tsitah-favorites-group__heading,
body.mpa-beige-background .tsitah-favorites-group__heading span,
body.mpa-beige-background .tsitah-favorite-card { border-color: var(--line); }
body.mpa-beige-background .tsitah-account-card,
body.mpa-beige-background .tsitah-account-card + .tsitah-account-card,
body.mpa-beige-background .tsitah-members-notice,
body.mpa-beige-background .tsitah-favorite-card,
body.mpa-beige-background .tsitah-favorites-empty { background: var(--mpa-beige-soft); color: var(--mpa-beige-text); }
body.mpa-beige-background .tsitah-favorite-button { background: rgba(250, 244, 233, .7); color: var(--mpa-beige-muted); border-color: var(--line); }
body.mpa-beige-background .tsitah-favorite-button:hover,
body.mpa-beige-background .tsitah-favorite-button:focus-visible,
body.mpa-beige-background .tsitah-favorite-button.is-active { background: #e7d6be; color: var(--red); border-color: var(--red); }

body.mpa-beige-background .social,
body.mpa-beige-background .footer-socials .youtube { color: var(--mpa-beige-text); border-color: var(--line); }
body.mpa-beige-background .youtube .youtube-play { fill: #ede3d1; }
body.mpa-beige-background .back-to-top { background: #f1e7d6; color: var(--mpa-beige-text); border-color: var(--line); box-shadow: 0 5px 18px rgba(65, 45, 27, .12); }
body.mpa-beige-background .back-to-top:hover,
body.mpa-beige-background .back-to-top:focus-visible { background: var(--red); color: #fff8ed; }

body.mpa-beige-background .tsitah-playlist__tracks,
body.mpa-beige-background .tsitah-person-playlist-list--scrollable,
body.mpa-beige-background .collections-directory__list--scrollable { scrollbar-color: #963d32 #ddceb7; }
body.mpa-beige-background .tsitah-playlist__tracks::-webkit-scrollbar-track,
body.mpa-beige-background .tsitah-person-playlist-list--scrollable::-webkit-scrollbar-track,
body.mpa-beige-background .collections-directory__list--scrollable::-webkit-scrollbar-track { background: #ddceb7; }
body.mpa-beige-background .tsitah-person-playlist-list--scrollable::-webkit-scrollbar-thumb,
body.mpa-beige-background .collections-directory__list--scrollable::-webkit-scrollbar-thumb { background: #963d32; border-color: #ddceb7; }

@media (max-width: 980px) {
  body.mpa-beige-background .main-nav { background: #f1e7d6; border-color: var(--line); border-top-color: var(--red); box-shadow: 0 14px 30px rgba(65, 45, 27, .14); }
  body.mpa-beige-background .main-nav a,
  body.mpa-beige-background .main-nav__item > .main-nav__primary-link,
  body.mpa-beige-background .main-nav__submenu-toggle { border-color: var(--line); }
}

@media (prefers-reduced-data: reduce) {
  body.mpa-beige-background { background-image: none; }
}
