/* The original reference styles stay intact. Blue carries interface accents; copper marks CTAs. */
:root {
  --copper: #1b4f8a;
  --copper-hover: #164a7b;
  --copper-soft: #edf5fc;
  --copper-on-dark: #b9dafa;
}

:is(.button, .button-small, .pricing-button) {
  --copper: #9d5b2c;
  --copper-hover: #7f431f;
}

.hero { --hero-copper: #1b4f8a; }
.hero-event { --event-accent: #8eb7d9; }
.hero .hero-event { --event-accent: #8eb7d9; border-left-color: #8eb7d9; }
.hero .hero-event-link { color: #1b4f8a; }
.hero-flow-illustration img { filter: url(#hero-artwork-blue); }
.hero-event-link { color: #1b4f8a; }
.hr-artwork figcaption a:hover,
.buyer-answer summary::after,
.buyer-answer-links a span,
.guide-link-card > span { color: #1b4f8a; }
.guide-link-card { border-left-color: #1b4f8a; }
.hero-illustration-link:focus-visible,
.hero .hero-event a:focus-visible { outline-color: #1b4f8a; }
.hero-event a:focus-visible,
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible,
.framework-playback button:focus-visible { outline-color: #1b4f8a; }
.standards-banner-heading h2 span,
.hero-writeback > span,
.packet-delivery > span,
.industry-grid h3 a span { color: #1b4f8a; }
.finding-symbol { color: #1b4f8a; background: #edf5fc; }
.review-state { color: #1b4f8a; background: #edf5fc; }
.start-grid article + article { background: #f4f9fd; border-color: #cbdfea; border-top-color: #1b4f8a; }
.mobile-mega__all { color: #1b4f8a !important; background: #edf5fc; }
.framework-work-products > span::after,
.framework-assurance::before { background: #8eb7d9; }
.framework-handoff-flow > span { color: #1b4f8a; }
.framework-handoff-flow::after { background: #1b4f8a; }
.framework-ide-handoff.is-active,
.framework-review-sync > .is-active { border-color: #1b4f8a; background: #edf5fc; }