/* WeddingOS — desktop parity for the approved sage/cream theme. */
@media (min-width:821px){
  html,body,.page-shell{background:#f5f0e6!important;color:#414536!important}

  .hero{
    background:
      radial-gradient(circle at 10% 18%,rgba(174,185,168,.52),transparent 32%),
      radial-gradient(circle at 90% 72%,rgba(145,160,138,.38),transparent 34%),
      radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.88),transparent 42%),
      linear-gradient(180deg,#f8f3ea 0%,#e7ebe2 66%,#d8e0d4 100%)!important;
  }
  .hero-art{
    background:
      radial-gradient(ellipse at 50% 28%,rgba(194,203,189,.58),transparent 46%),
      linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.52) 43%,transparent 53%)!important;
  }
  .hero-card{
    background:rgba(255,250,241,.82)!important;
    border-color:rgba(104,113,83,.28)!important;
    box-shadow:0 30px 100px rgba(80,87,72,.15)!important;
  }
  .hero-card .eyebrow,.scroll-hint{color:#687153!important}

  .guest-banner{
    background:#c7d0c2!important;
    border-color:rgba(89,102,83,.28)!important;
    color:#414536!important;
  }
  .guest-banner span{color:#5f6959!important}

  main>section{
    background:
      radial-gradient(circle at 8% 10%,rgba(183,190,168,.22),transparent 28%),
      radial-gradient(circle at 92% 82%,rgba(213,193,159,.14),transparent 30%),
      linear-gradient(180deg,#fffaf1,#f5f0e6)!important;
  }
  main>section:nth-of-type(even){
    background:
      radial-gradient(circle at 88% 18%,rgba(255,255,255,.36),transparent 30%),
      linear-gradient(180deg,#e4e9df,#d5ddd1)!important;
  }

  .countdown{
    background:#d7dfd3!important;
    border-color:rgba(84,97,79,.24)!important;
  }
  .panel,.event-card,.rsvp-summary,.rsvp-form{
    background:rgba(255,250,241,.88)!important;
    border-color:rgba(91,104,85,.22)!important;
  }
  .event-icon{background:#d5dccf!important;color:#515c4b!important}
  .choice{background:rgba(215,223,211,.72)!important}
  .choice:has(input:checked){background:#c2cbbd!important;border-color:#6f7c68!important}

  .btn.primary{background:linear-gradient(135deg,#687153,#91a08a)!important;color:#fffaf1!important}
  .btn.secondary{background:rgba(255,250,241,.82)!important;color:#515c4b!important;border-color:rgba(82,96,76,.32)!important}

  .rsvp-access-qr .rsvp-qr-card,
  .personal-access-section{
    background:linear-gradient(145deg,#e3e8de,#cbd5c7)!important;
  }
}