/* Warm neutral surfaces keep the photographs as the focus. */
:root {
  --paper: #f7f1e8;
  --sky: #e9dccb;
  --ink: #302a25;
  --muted: #756c62;
  --line: #d9cdbd;
  --accent: #796449;
  --warm-panel: #efe4d5;
  --warm-field: #fcf8f1;
  --warm-dark: #211d19;
}
body { background: var(--paper); }
::selection { background: #e2ceb2; }
.about, .prints-preview-button { background: #eee3d3; }
:is(.photo-image-wrap,.series-image,.explore-card-image,.prints-image-button) { background: #e9e0d3; }
.explore-card-symbol { background: #e9dccb; color: #69543d; }
.contact-section { background: #302923; }
.filter:hover:not(.active) { background: #eadecd; }
.season-filter:not(.active) { background: #efe3d3; border-color: #d2bea2; }
.season-filter:hover:not(.active) { background: #e4d2b9; }
.hero-carousel :is(.hero-footnote,.hero-scroll-hint) { color: #655342; }
.hero-carousel .hero-control { border-color: #bda88d; }
:is(.month-navigation--hero .month-navigation-select,.slideshow-speed select) { background: var(--warm-field); border-color: #c9b698; }
.favorite-toggle { background: #f7f1e8f0; }
.prints-field :is(select,input,textarea) { background: var(--warm-field); border-color: #c6b69f; }
:is(.photo-search-button,.owner-activity-button) { background: #f3e9dc; border-color: #ccb99e; color: #66513c; }
:is(.photo-search-button,.owner-activity-button):hover { background: #e4d2b9; border-color: #b79a76; }
:is(.photo-like-button,.photo-like-button:hover:not(:disabled)) { background: #f5e9dd; border-color: #d5bea5; color: #755139; }
.photo-like-button.is-liked { background: #fbe8e8; border-color: #dfa3a7; color: #a52e3b; }
/* Reaction and activity colours continue to distinguish comments from likes. */
dialog#owner-activity, dialog#photo-search, dialog#moderator-menu { background: var(--paper); border-color: var(--line); color: var(--ink); box-shadow: 0 20px 90px #2e251d55; }
:is(#owner-activity,#photo-search,#moderator-menu)::backdrop { background: #2e251dbb; }
:is(.activity-close,.search-close,.moderation-close) { background: #eee0cd; border-color: #cbb79b; color: #65503a; }
.activity-summary-card:not([data-activity-kind=likes]):not([data-activity-kind=comments]) { background: var(--warm-panel); border-color: var(--line); }
:is(.activity-refresh,.activity-open-photo,.search-clear,.search-more,.moderation-activity,.moderation-refresh,.moderation-retry,.moderation-more,.moderation-open-photo,.moderation-cancel) { background: #f0e4d4; border-color: #cbb79b; color: #66513c; }
:is(.activity-tab,.activity-retry,.search-suggestion) { border-color: #cbb79b; color: #66513c; }
:is(.activity-tab:hover:not([aria-selected=true]),.activity-refresh:hover:not(:disabled),.activity-open-photo:hover:not(:disabled),.activity-retry:hover:not(:disabled),.search-suggestion:hover,.search-clear:hover,.search-more:hover,.moderation-toolbar button:hover:not(:disabled),.moderation-open-photo:hover:not(:disabled),.moderation-retry:hover:not(:disabled),.moderation-more:hover:not(:disabled),.moderation-cancel:hover:not(:disabled)) { background: #e5d3ba; border-color: #baa07f; }
.search-input { background: var(--warm-field); border-color: #c4b096; }
.search-result { background: #fbf6ef; border-color: #d6c8b6; }
:is(.search-result-image,.activity-event-thumb,.moderation-thumb) { background: #e5d7c5; }
.owner-push { background: var(--warm-panel); border-color: #d1bea3; }
.push-controls button { background: var(--warm-field); border-color: #c6ae8e; color: #66513c; }
.push-controls button:hover:not(:disabled) { background: #e5d3ba; border-color: #baa07f; }
.push-controls .push-enable { background: #6b563e; border-color: #6b563e; color: #fff; }
.push-controls .push-enable:hover:not(:disabled) { background: #51402e; }
/* A warm charcoal surround for enlarged photographs. */
#lightbox, #lightbox::backdrop, .lightbox-shell:fullscreen, .comments-open>.lightbox-header { background: var(--warm-dark); }
.lightbox-stage .icon-button { background: #211d19b8; }
.viewer-thumb { background: #332b24; }
.viewer-thumb[aria-current=true] { background: #5d4934; border-color: #d8c0a0; }
.slideshow-speed.slideshow-speed--viewer select { background: #392f26; border-color: #ffffff44; color: #f7f1e8; }
.photo-comments-panel { border-color: #5b4c3e; scrollbar-color: #a38b6e #30271f; }
.photo-comments-form :is(input,textarea) { background: #30271f; border-color: #76624f; }

.photo-like-button.is-liked:hover:not(:disabled) { background: #f5d9d9; border-color: #ce9299; color: #922a36; }
.photo-likes-status { background: #f8efe1; border-color: #d2bfa3; color: #66513c; }