/*
 * Approved closing module:
 * B — Beacon Card architecture + A — Harbor Parchment palette.
 * The architecture is owned by site.css; this file contains only the selected
 * semantic color layer and the direct-open preview offset.
 */
:root {
  --review-strip-h: 0px;
}

body {
  --contact-section: #e8e1d2;
  --contact-section-ink: #0b2b25;
  --contact-section-muted: #465c56;
  --contact-backplate: #8a6538;
  --contact-card: #fbf7ed;
  --contact-input: #f3ecdf;
  --contact-card-ink: #0b2b25;
  --contact-card-muted: #465c56;
  --contact-border: #5f716b;
  --contact-accent: #8a6538;
  --contact-button: #0b2b25;
  --contact-button-ink: #fffaf0;
  --contact-focus: #3c91ff;
  --contact-ring: rgba(11, 43, 37, 0.13);
}

.week-contact-b {
  background:
    radial-gradient(
      circle at 8% 53%,
      transparent 0 86px,
      var(--contact-ring) 87px 89px,
      transparent 90px 152px
    ),
    var(--contact-section);
  color: var(--contact-section-ink);
}

.week-contact-b .week-signal,
.week-contact-b .week-contact-form::after {
  background: var(--contact-backplate);
}

.week-contact-b .week-contact-copy > p:last-child {
  color: var(--contact-section-muted);
}

.week-contact-b .week-contact-copy .display {
  max-width: none;
  font-family: var(--display);
  font-size: clamp(2.45rem, 4vw, 4.15rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.04;
  text-wrap: balance;
}

.form-beacon-card {
  background: var(--contact-card);
  color: var(--contact-card-ink);
}

.form-beacon-card .form-card-label {
  color: var(--contact-accent);
}

.form-beacon-card .form-field input,
.form-beacon-card .form-field textarea {
  border-color: var(--contact-border);
  background: var(--contact-input);
  color: var(--contact-card-ink);
}

.form-beacon-card .form-field input:focus-visible,
.form-beacon-card .form-field textarea:focus-visible {
  outline-color: var(--contact-focus);
}

.form-beacon-card .form-actions button {
  border-color: var(--contact-button);
  background: var(--contact-button);
  color: var(--contact-button-ink);
}

.form-beacon-card .form-actions button:disabled {
  opacity: 0.74;
}

.form-beacon-card .form-status,
.form-beacon-card .form-guidance {
  color: var(--contact-card-muted);
}

.form-beacon-card .form-guidance {
  border-top-color: var(--contact-border);
}