/* Shared light surfaces. Screen-only so printed Bible lessons keep their print styles. */
@media screen {
  :root {
    --site-warm-cream: #f7f4ed;
    --site-soft-ivory: #fff8e9;
    --site-muted-gold-border: rgba(169, 120, 34, .38);
    --cream: #f7f4ed;
  }

  body { background-color: var(--site-warm-cream) !important; }
  .site-header {
    background-color: rgba(255, 250, 242, .98) !important;
    border-bottom-color: var(--site-muted-gold-border);
  }
  main > .section:not(.section-teal):not(.section-soft):not(.first-visit-invitation) {
    background-color: var(--site-warm-cream);
  }
  main > :is(.section-soft, .contact-soft, .study-soft, .visit-soft,
    .outreach-soft, .history-soft) { background-color: #eee5d3; }
  main > section + section:not(.gathering-countdown) {
    border-top: 1px solid var(--site-muted-gold-border);
  }

  main :is(.card, .belief, .salvation-step, .info-table, .profile,
    .cl-card, .cl-photo, .history-card, .history-photo, .contact-card,
    .outreach-card, .outreach-contact, .study-card, .study-contact,
    .lesson-card, .lesson-empty, .study-related-card, .minister-bio,
    .visit-time, .visit-card),
  .dev-entry, .privacy-wrap {
    background-color: var(--site-soft-ivory);
    border-color: var(--site-muted-gold-border);
    box-shadow: 0 8px 24px rgba(7, 63, 69, .055);
  }
  .study-page { background-color: var(--site-soft-ivory); }
  main .contact-card {
    background-color: #f5ead3;
    border-color: #c6ab70;
    border-top-color: #b38b36;
  }
  main .contact-section:not(.contact-soft) { background-color: var(--site-warm-cream); }
  main .cl-visit { background-color: var(--site-soft-ivory); }
  main .staff-milestones {
    background-color: #f0ebdf;
    border-color: var(--site-muted-gold-border);
  }

  main .gathering-countdown {
    background-color: var(--site-soft-ivory);
    border-top-color: var(--site-muted-gold-border);
    border-bottom-color: var(--site-muted-gold-border);
  }
  main .gathering-countdown .countdown-unit {
    background-color: #f7f0e2;
    border-color: var(--site-muted-gold-border);
  }
  main .gathering-countdown .countdown-live {
    background-color: var(--site-soft-ivory);
  }
  main .lesson-category:not([aria-pressed="true"]),
  main .lesson-tools input, main .lesson-tools select {
    background-color: var(--site-soft-ivory);
    border-color: var(--site-muted-gold-border);
  }
  main :is(input:not([type="submit"]):not([type="button"]), textarea, select) {
    background-color: var(--site-soft-ivory);
  }
  @media (max-width: 880px) {
    .nav-list { background-color: var(--site-soft-ivory); }
  }
}