/* Warm copper and champagne accents against Jürgen's monochrome portraits. */
:root {
  --accent-light: #ead0a8;
  --accent: #c99560;
  --accent-ink: #805126;
}
.button,
.closing-cta .button {
  background: linear-gradient(115deg, var(--accent-light), var(--accent));
  color: #18120d;
  border-color: #e6bc8959;
  box-shadow: 0 6px 26px #ba86551c;
}
.button:hover,
.closing-cta .button:hover {
  background: linear-gradient(115deg, #f2dcbc, #d9ac79);
  color: #18120d;
  box-shadow: 0 8px 30px #ba865538;
}
.silver-text {
  color: #dfb786;
  background: linear-gradient(100deg, #edd4af, #c99560);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-question,
.hero-intro strong,
.leadership-quote {
  color: #dfb786;
}
.light-section .silver-text,
.light-section .muted-heading {
  color: var(--accent-ink);
  background: none;
  -webkit-text-fill-color: currentColor;
}
.hero-copy .check-list li::before {
  background: #dfb786;
  color: #18120d;
}
.status-dot {
  background: #dfb786;
  box-shadow: 0 0 12px #dfb78655;
}
.reading-progress {
  background: var(--accent);
}
:focus-visible {
  outline-color: var(--accent);
}
.light-section :focus-visible,
.closing-cta :focus-visible {
  outline-color: var(--accent-ink);
}

/* A clear action within the linked topic card, without nested controls. */
.topic-cta-action p {
  margin: 0 0 20px;
  font-size: calc(14px + var(--mobile-font-increment, 0px));
  line-height: 1.5;
}
.topic-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 14px 20px;
  border-radius: 999px;
  background: #171717;
  color: #fff;
  font-size: calc(14px + var(--mobile-font-increment, 0px));
  font-weight: 650;
  line-height: 1.4;
}
.topic-cta:hover .topic-cta-button,
.topic-cta:focus-visible .topic-cta-button {
  background: #805126;
}