/**
 * Brand blue theme — loaded after main.css so buttons and accents
 * stay #21618C even when older imported styles are cached.
 */
:root {
  --blue: #21618c;
  --blue-dark: #1a4d70;
  --accent: #21618c;
  --accent-dark: #1a4d70;
  --soft: #e8f1f8;
  --border: #b8cfe0;
}

/* All action buttons */
a.header-donate,
.header-donate,
a.button,
.button,
a.button.primary,
.button.primary,
a.button.secondary,
.button.secondary,
.donation-widget button,
#donate-submit-btn,
.newsletter button,
.mega-menu > a,
.contact-form .button,
.contact-form button,
.modal-close,
.payment-method-btn,
.payment-action-btn {
  background: #21618c !important;
  background-color: #21618c !important;
  color: #fff !important;
  border-color: #21618c !important;
}

a.header-donate:hover,
.header-donate:hover,
a.button:hover,
.button:hover,
a.button.primary:hover,
.button.primary:hover,
a.button.secondary:hover,
.button.secondary:hover,
.donation-widget button:hover,
.newsletter button:hover,
.mega-menu > a:hover,
.contact-form button:hover,
.modal-close:hover,
.payment-method-btn:hover,
.payment-action-btn:hover {
  background: #1a4d70 !important;
  background-color: #1a4d70 !important;
  color: #fff !important;
}

a.header-donate:visited,
a.button:visited,
a.button.primary:visited {
  color: #fff !important;
}

/* Top borders & accent bars (formerly rust/brown) */
.hero::after,
.donation-widget,
.mega-menu,
.content-hero,
.stats,
.news-list article,
.ways-grid article,
.programme-card,
.event-date,
.fund-split div:first-child {
  border-top-color: #21618c !important;
}

.donation-widget {
  border-top: 6px solid #21618c !important;
}

.mega-menu {
  border-top: 5px solid #21618c !important;
}

/* Labels, links, nav accents */
.section-heading p,
.section-heading__main > p,
.section-subheading__eyebrow,
.intro > p:first-child,
.story-copy > p:first-child,
.events-copy > p:first-child,
.donation-copy > p:first-child,
.trust > div > p:first-child,
.hero-lead,
.hero-detail,
.nav summary::after,
a.text-link,
.text-link,
.section-heading a,
.programmes-related-title,
.content-hero > p:first-child,
.footer-contact-item a {
  color: #21618c !important;
}

a.text-link:hover,
.text-link:hover,
.section-heading a:hover,
.nav a:hover,
.programmes-related-list a:hover {
  color: #1a4d70 !important;
}

/* Dark sections — light eyebrows and links (WCAG contrast on --ink background) */
.events .events-copy > p:first-child {
  color: #b8dcee !important;
}

.events .text-link {
  color: #b8dcee !important;
}

.events .text-link:hover {
  color: #fff !important;
}

.mega-menu li a:hover {
  border-left-color: #21618c !important;
  color: #21618c !important;
}

.amount-cards label.active {
  border-color: #21618c !important;
}

.modal-amount {
  color: #21618c !important;
}