/* Champagne theme: the brown accents of the autumn card become champagne gold.
   Body text stays dark for reading. To undo, remove this file's <link> in index.php. */
:root {
  --champ: #a8864f;          /* champagne gold for small headings and accents */
  --champ-deep: #94733f;     /* a little deeper, for small text on light paper */
  --champ-foil: linear-gradient(100deg, #a07c45 0%, #c6a467 38%, #e2cc9b 52%, #b8955a 66%, #9a7742 100%);
  --champ-button: linear-gradient(135deg, #bf9d63 0%, #a8864f 55%, #94733f 100%);
  --wine: #a8864f;
  --wine-deep: #8a6a3a;
  --wine-soft: #b8955e;
  --gold: #b8955e;
  --line: rgba(168, 134, 79, .2);
}

/* Large headings and the couple's names: champagne gold foil */
.hero h1 span,
#invitationText h2,
.calendar-section h2,
#weddingProgram h2,
#dressCode h2,
#venue h2,
#rsvpForm h3,
#guestbookForm h3,
.footer-couple,
.footer-couple span {
  color: var(--champ) !important;
  background: var(--champ-foil);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.hero h1 .amp, .hero h1 b { -webkit-text-fill-color: currentColor; background: none; }

/* Small headings, numbers, kickers and links: solid champagne gold */
#invitationText .monogram-letter,
#countdown strong,
#weddingProgram h3,
.dress-code-note,
.venue-action, .venue-action span,
.hero-kicker,
.date-jalali,
.section-kicker,
.calendar-section .section-heading p,
#weddingProgram .section-heading p,
.calendar-label,
.invitation-closing,
.footer-instagram {
  color: var(--champ-deep) !important;
}
.footer-instagram { border-bottom-color: rgba(168, 134, 79, .3) !important; }

/* Buttons and the venue pin */
.wedding-form button,
.venue-card .neshan-route {
  color: #fffdf6 !important;
  background: var(--champ-button) !important;
  border-color: #b8955e !important;
}
.wedding-form button:hover { background: linear-gradient(135deg, #a8864f, #86663a) !important; }
.venue-pin {
  background: var(--champ-button) !important;
  border-color: #e6d1a8 !important;
}

/* The brown RSVP band becomes a light champagne band */
.participation {
  background:
    radial-gradient(circle at 15% 12%, rgba(255, 255, 255, .45), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(255, 248, 232, .35), transparent 28%),
    linear-gradient(145deg, #f3e7cf 0%, #e8d5b0 55%, #dcc49a 100%) !important;
}
.participation .section-heading h2 {
  color: #8a6a3a !important;
  background: linear-gradient(100deg, #8a6a3a 0%, #a8864f 45%, #c6a467 55%, #8a6a3a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.participation .section-heading p { color: #6f5a3c !important; text-shadow: none !important; }
.participation .carousel-controls .carousel-count { color: #6f5a3c !important; }
.wedding-form { border-color: rgba(184, 149, 94, .45) !important; box-shadow: 0 23px 54px rgba(120, 92, 48, .16) !important; }

/* Guestbook card on the champagne band */
.guestbook-wall {
  background: rgba(255, 252, 244, .6) !important;
  border-color: rgba(168, 134, 79, .4) !important;
}
.guestbook-wall,
.guestbook-wall p,
.guestbook-wall blockquote,
.guestbook-wall cite,
.guestbook-wall span,
.guestbook-wall button { color: #5a4a3a !important; }
.guestbook-wall header p { color: #8a6a3a !important; }
.guestbook-wall header h3 {
  color: #8a6a3a !important;
  background: var(--champ-foil);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.guestbook-wall [class*=empty], .guestbook-wall .dashed, .guestbook-wall > div { border-color: rgba(168, 134, 79, .45) !important; }

/* The names on the hero sit on a light curtain: a deeper foil and a soft shadow keep them readable */
.hero h1 span { background-image: linear-gradient(100deg, #8a6a3a 0%, #b08d57 40%, #d4b77f 52%, #a07c45 66%, #866536 100%); }
.hero h1 { filter: drop-shadow(0 1px 0 rgba(255, 252, 244, .7)) drop-shadow(0 3px 8px rgba(90, 64, 28, .28)); }

/* 3.1: the foil is painted on the whole name line, not on each name, so letters that sweep outside their box
   (the M of a script name, the tail of ن and the tall ک in nastaliq) keep their gold instead of disappearing. */
.hero h1 span, .footer-couple span {
  background: none !important;
  -webkit-text-fill-color: inherit;
}
.hero h1, .footer-couple {
  color: var(--champ) !important;
  background: linear-gradient(100deg, #7e5f30 0%, #a07c45 28%, #c4a165 48%, #a8864f 62%, #7a5a2c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.hero h1 b, .footer-couple b { -webkit-text-fill-color: var(--champ-deep); color: var(--champ-deep) !important; }