/* Approved WedOne ivory / bold teal / coral visual theme. */
:root {
  --green: #085b58;
  --green2: #085b58;
  --green3: #dce8dc;
  --cream: #faf7f0;
  --gold: #b34330;
  --coral: #f07862;
  --ink: #263735;
  --muted: #566660;
  --line: #e1e5dc;
  --shadow: 0 5px 20px #2637350d;
  --wd-ink: var(--ink);
  --wd-muted: var(--muted);
  --wd-purple: var(--green);
  --wd-line: var(--line);
  --wd-canvas: var(--cream);
}
body {
  background: #faf7f0;
  color: var(--ink);
}
.topbar,
.wedone-navigation {
  background: #faf7f0f5;
  color: var(--ink);
  border-color: var(--line);
}
.brandname,
.wedOneWordmark,
.wedOneWordmark em {
  color: var(--green);
  font-weight: 700;
}
.tag,
.activationBrand {
  color: var(--green);
}
.mark,
.loginLogo {
  background: #fff;
  color: var(--green);
  border-color: var(--coral);
}
#app .hero,
.hero {
  background: linear-gradient(120deg, #085b58, #126e67);
  border-color: #085b58;
  color: white;
  box-shadow: 0 8px 24px #085b581c;
}
#app .hero h1,
#app .hero h2,
#app .hero p,
.hero h1,
.hero p {
  color: white;
}
#app .hero .eyebrow,
.hero .eyebrow {
  color: #ffd2c6;
}
#app h1,
#app h2,
#app h3,
.page h2,
.card h3,
.eventCard h3 {
  font-family: Georgia, serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
#app .card,
#app .eventCard,
#app .stat,
.card,
.eventCard,
.stat,
.timeline,
.loginCard {
  background: #fff;
  border-color: var(--line);
  border-radius: 20px;
  box-shadow: var(--shadow);
}
#app .stat b,
.stat b,
.summaryItem b,
.price,
.wlScore {
  color: var(--green);
}
.btn {
  font-weight: 750;
  border-radius: 14px;
}
.btn.primary,
.wlGuest button {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
  box-shadow: 0 3px 8px #085b5818;
}
.btn.primary:hover {
  background: #064a47;
}
.btn.soft {
  background: var(--green3);
  color: #085b58;
  border: 1px solid #cbdcca;
}
.btn.ghost,
#app .hero .btn.ghost {
  background: #fff;
  color: #085b58;
  border-color: var(--line);
}
.icon,
.avatar {
  background: var(--green3);
  color: #085b58;
}
.pill:not([data-tone]) {
  background: var(--green3);
  color: #263735;
}
.eyebrow {
  color: #085b58;
}
.wdFocus {
  border-color: var(--line);
  border-left-color: var(--coral);
  background: white;
}
.wdSection:hover,
.eventLink:hover {
  background: #f0f5ed;
  border-color: #9bbeb4;
}
.wdSectionNumber,
.wdSectionArrow {
  color: #085b58;
}
.cover {
  background: linear-gradient(130deg, #085b58, #43887a);
}
.readiness {
  border-color: var(--green);
}
.progress i,
progress {
  accent-color: var(--green);
}
.progress i {
  background: var(--green);
}
.bottom {
  background: #faf7f0;
  border-color: var(--line);
  box-shadow: 0 -4px 18px #2637350a;
}
.bottom button {
  background: transparent;
  color: #566660;
}
.bottom button.active {
  background: #dce8dc;
  color: #085b58;
  box-shadow: inset 0 3px #085b58;
  font-weight: 800;
}
.bottom button:hover:not(.active) {
  background: #edf2e8;
  color: #085b58;
}
.wedone-navigation button,
.wedone-navigation a {
  background: #fff;
  color: #085b58;
  border-color: #d7e2d8;
}
.tabs button.active {
  background: #085b58;
  border-color: #085b58;
  color: #fff;
}
.field label {
  color: #263735;
}
input,
select,
textarea,
.field input,
.field select,
.field textarea,
.compose input,
.inviteLine input,
.roleSelect,
.wedone-tool-search input {
  border-color: #bacbc1;
  color: #263735;
  background: #fff;
  accent-color: #085b58;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
.bottom button:focus-visible,
.activationOption:focus-visible,
.activationPage .btn:focus-visible,
.wedone-navigation :focus-visible {
  outline: 3px solid #085b58;
  outline-offset: 3px;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #085b58;
  box-shadow: 0 0 0 3px #085b581f;
}
.chatBox {
  background: #faf7f0;
  border-color: var(--line);
}
.bubble {
  background: #f1eee7;
  color: #263735;
}
.bubble.me {
  background: #dce8dc;
}
.toast {
  background: #085b58;
  color: white;
}
.loginWrap,
#membershipGate {
  background:
    radial-gradient(ellipse at top left, #e7eee0, transparent 55%), #faf7f0;
}
.loginCard h1 {
  color: #085b58;
}
.activationOption {
  color: #263735;
}
.activationOption.selected {
  border-color: #085b58;
  background: #eff5ec;
  box-shadow: 0 0 0 1px #085b58;
}
.activationOption span,
.activationFooter a {
  color: #085b58;
}
.activationSummary > .card {
  background: #dce8dc;
  border-color: #c5d7c7;
}
.accessBadge {
  background: #f07862;
  color: #263735;
}
.adminPanel {
  border-left-color: #f07862;
}
.wlNotice {
  background: #dce8dc;
  border-left-color: #085b58;
}
.wlGuest {
  background: #faf7f0;
  color: #263735;
}
.wlCard {
  border-color: var(--line);
}
@media (prefers-reduced-motion: reduce) {
  .btn,
  .eventCard {
    transition: none;
  }
}