/* ============================================================
   WESTCHESTER ZEN — "ADD AS PREFERRED SOURCE" BUTTON
   Wired to Google's real Preferred Sources API (manual-control
   mode). See preferred-source.js for the wiring logic.

   Two variants:
   - .psrc-btn--accent   solid Rose Quartz fill, for dark
                         (sage-950 / sage-900) sections: footer,
                         article header, end-of-article CTA.
   - .psrc-btn--ghost    outlined sage, for light/white sections.
   ============================================================ */

.psrc-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2, 0.5em);
  font-family: var(--font-sans, inherit);
  font-weight: 600;
  font-size: var(--text-sm, 0.85rem);
  letter-spacing: 0.02em;
  padding: var(--sp-3, 0.65em) var(--sp-6, 1.25em);
  border-radius: var(--radius-full, 9999px);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--dur-base, 0.2s) var(--ease-spa, ease);
}
.psrc-btn:active { transform: translateY(1px); }

/* Accent (solid Rose Quartz) — for dark sage backgrounds */
.psrc-btn--accent {
  background: var(--rq-500, #C76DA3);
  color: var(--color-white, #fff);
  border: 1.5px solid var(--rq-500, #C76DA3);
  box-shadow: var(--shadow-rq, 0 4px 16px rgba(199,109,163,.25));
}
.psrc-btn--accent:hover {
  background: var(--rq-600, #AE5589);
  border-color: var(--rq-600, #AE5589);
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(199,109,163,.30);
}

/* Ghost (sage outline) — for light/white backgrounds only */
.psrc-btn--ghost {
  background: transparent;
  color: var(--sage-700, #3D5940);
  border: 1.5px solid var(--sage-400, #7A9C7E);
}
.psrc-btn--ghost:hover {
  background: var(--sage-700, #3D5940);
  color: var(--color-white, #fff);
  border-color: var(--sage-700, #3D5940);
}

.psrc-btn__icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}