/* Paint only the existing primary CTA families; geometry stays with each surface. */
:root :is(.contact-cinematic .submit-button, .auth-page--login .auth-btn, .auth-page--signup .auth-btn, .kv2-profile-actions .kv2-profile-action-primary) {
  background: var(--kv2-primary-gradient);
  color: #fff;
  border-color: color-mix(in srgb, var(--kv2-kelibatmu-green) 70%, white);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--kv2-kelibatmu-green) 25%, transparent);
}
:root .contact-cinematic .submit-button :where(.submit-text, .submit-arrow) { color: inherit; }
@media (hover:hover) {
  :root :is(.contact-cinematic .submit-button, .auth-page--login .auth-btn, .auth-page--signup .auth-btn, .kv2-profile-actions .kv2-profile-action-primary):hover:not(:disabled):not([aria-disabled="true"]):not(.loading) {
    background: var(--kv2-primary-gradient-hover);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--kv2-kelibatmu-green) 40%, transparent);
  }
}
:root :is(.contact-cinematic .submit-button, .auth-page--login .auth-btn, .auth-page--signup .auth-btn, .kv2-profile-actions .kv2-profile-action-primary):active:not(:disabled):not([aria-disabled="true"]):not(.loading) {
  background: var(--kv2-primary-gradient-active);
}
:root :is(.contact-cinematic .submit-button, .auth-page--login .auth-btn, .auth-page--signup .auth-btn, .kv2-profile-actions .kv2-profile-action-primary):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--kv2-kelibatmu-green);
}
:root :is(.contact-cinematic .submit-button, .auth-page--login .auth-btn, .auth-page--signup .auth-btn, .kv2-profile-actions .kv2-profile-action-primary):is(:disabled, [aria-disabled="true"], .loading) {
  background: var(--kv2-primary-gradient-active);
  color: #fff;
  opacity: 1;
  transform: none;
  box-shadow: none;
  cursor: not-allowed;
}
:root :is(.auth-page--login .auth-btn, .auth-page--signup .auth-btn).loading:not(:disabled) { cursor: wait; }