/* Keep the illustration palette while giving white-label actions accessible contrast.
   This new immutable URL leaves all previously cached CSS/JS bytes unchanged. */
body.picture-world:is(.world-home, .world-koko) {
  --world-button-green: #2d7651;
  --world-button-green-hover: #245f41;
  --world-button-green-disabled: #4d6256;
  --world-button-focus: #173f35;
}

body.picture-world:is(.world-home, .world-koko) :is(.nav-cta, .btn-primary, .btn-green, .btn-orange, .newsletter-cta-btn, .modal-submit) {
  background: var(--world-button-green) !important;
  color: #fff !important;
}

body.picture-world:is(.world-home, .world-koko) :is(.nav-cta, .btn-primary, .btn-green, .btn-orange, .newsletter-cta-btn, .modal-submit):hover {
  background: var(--world-button-green-hover) !important;
  color: #fff !important;
}

body.picture-world:is(.world-home, .world-koko) :is(.nav-cta, .btn-primary, .btn-green, .btn-orange, .newsletter-cta-btn, .modal-submit):focus-visible {
  outline: 3px solid var(--world-button-focus) !important;
  outline-offset: 3px !important;
}

/* Use an opaque muted green rather than fading white text into the page.
   Native disabled/aria-disabled semantics and all handlers remain unchanged. */
body.picture-world:is(.world-home, .world-koko) :is(.nav-cta, .btn-primary, .btn-green, .btn-orange, .newsletter-cta-btn, .modal-submit):is(:disabled, [aria-disabled="true"]) {
  background: var(--world-button-green-disabled) !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: none !important;
}