/* Global button theme — match home: red #EE3D25 + purple (not navy) */
:root {
  --li-red: #ee3d25;
  --li-purple: linear-gradient(135deg, #6e5cbf 0%, #544199 50%, #3e2b7a 100%);
  --li-purple-border: #8b78de;
  --li-purple-glow: 0 10px 26px rgba(110, 92, 191, 0.42);
}

/* Primary / red buttons → purple on hover */
.accent-btn:hover,
.white-btn:hover,
.lt-submit:hover,
button.lt-submit:hover,
.lt-section .lt-submit:hover,
.lt-section button.lt-submit:hover,
.vo-section .lt-submit:hover,
.b20 .btns a:hover,
.b-14 .btns a:hover,
.service-block .sv-btn.primary:hover,
.bt-cta-btn:hover,
.blog-hero .accent-btn.li-cta:hover,
.blog-hero.art-hero .accent-btn.li-cta:hover,
.svc-mob__cta .accent-btn:hover,
.svc-mob__cta:has(a:hover) .accent-btn,
.svc-block--light .svc-mob__cta .accent-btn:hover,
.svc-block--light .svc-mob__cta:has(a:hover) .accent-btn,
.svc-partner__cta .accent-btn:hover,
.svc-partner__cta:has(a:hover) .accent-btn,
.svc-partner__cta:has(button:hover) .accent-btn,
.art-help a:hover {
  background: var(--li-purple) !important;
  border-color: var(--li-purple-border) !important;
  box-shadow: var(--li-purple-glow) !important;
  color: #fff !important;
}

.accent-btn:hover p,
.white-btn:hover p,
.lt-submit:hover p,
.lt-section .lt-submit:hover p,
.vo-section .lt-submit:hover p,
.blog-hero .accent-btn.li-cta:hover p,
.blog-hero.art-hero .accent-btn.li-cta:hover p,
.svc-mob__cta .accent-btn:hover p,
.svc-partner__cta .accent-btn:hover p,
.art-help a:hover {
  color: #fff !important;
}

.lt-submit:hover .lt-arrow,
.lt-section .lt-submit:hover .lt-arrow,
.vo-section .lt-submit:hover .lt-arrow {
  background: #fff !important;
}

/* Secondary / was-navy → purple fill, red on hover */
.black-btn,
.dark-btn,
.fs-start-btn,
.service-block .sv-btn.secondary,
.svc-hero .btns .dark-btn,
.b1 .dark-btn {
  background: var(--li-purple) !important;
  border: 1.5px solid var(--li-purple-border) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.black-btn:hover,
.dark-btn:hover,
.fs-start-btn:hover,
.service-block .sv-btn.secondary:hover,
.svc-hero .btns .dark-btn:hover,
.b1 .dark-btn:hover {
  background: var(--li-red) !important;
  border-color: var(--li-red) !important;
  color: #fff !important;
}

.black-btn p,
.dark-btn p,
.svc-hero .btns .dark-btn p,
.b1 .dark-btn p,
.black-btn:hover p,
.dark-btn:hover p,
.svc-hero .btns .dark-btn:hover p,
.b1 .dark-btn:hover p {
  color: #fff !important;
}

/* Hero pair swap (home / services): red↔purple */
.b1 .left .btns:has(a:hover) .accent-btn,
.svc-hero .btns:has(a:hover) .accent-btn {
  background: var(--li-purple) !important;
  border-color: var(--li-purple-border) !important;
  box-shadow: var(--li-purple-glow) !important;
}
.b1 .left .btns:has(a:hover) .dark-btn,
.svc-hero .btns:has(a:hover) .dark-btn {
  background: var(--li-red) !important;
  border-color: var(--li-red) !important;
}

/* Keep svc-hero primary red at rest */
.svc-hero .btns .accent-btn {
  background: var(--li-red) !important;
  border-color: var(--li-red) !important;
}